如何在 WordPress 中创建在线作品集网站

已发表: 2023-11-03

想要在 WordPress 中创建在线作品集网站?

自由职业者市场增长迅速。 简历和 LinkedIn 个人资料很重要,但为了击败对手,您需要一个作品集网站来展示您最好的作品并吸引更多客户。

在本文中,我们将逐步向您展示如何在 WordPress 中轻松创建在线作品集网站。

How to create an online portfolio website in WordPress

为什么需要在线作品集网站?

将您的在线作品集网站视为您的数字名片。

投资组合是每个人的资产,包括自由职业者、求职者和小企业。

Example of portfolio website

虽然您可能认为作品集仅适用于艺术家或创意人员,但事实并非如此。 他们适用于任何职业,无论您是平面设计师、作家还是开发人员。

这是一个让您在行业中展现最佳表现的机会。 简而言之,您的网站组合可以帮助您从人群中脱颖而出并建立信任。 当您设计专业的作品集网站时,您会立即获得信誉并展示您的经验。

另外,您可以根据特定关键字针对搜索引擎优化您的网站,以便更多人可以找到您。

如何使用 SeedProd 在 WordPress 中创建在线作品集网站

您无需学习如何编码或编写 HTML 来构建您的作品集网站。 只需按照我们的分步说明进行操作,您的网站就会在几分钟内启动并运行。

1. 选择 WordPress 主机

首先,您需要一个域名和网络主机。 网络主机存储您的网站文件,是您网站在互联网上的家。

一个好的网络主机应该具有足够的可扩展性,能够处理要求较高的网站,在出现问题时提供支持,认真对待网络安全,并具有确保您安全的功能。

您还应该寻找最快的 WordPress 托管提供商,这有助于您的网站快速加载。

Hostinger 是想要经济实惠且适合初学者托管的小型企业的最佳选择。

幸运的是,Hostinger 已同意为我们的读者提供免费域名以及高达 78% 的 WordPress 托管折扣。 您每月仅需 2.69 美元即可开始使用。

要在几分钟内完成 Hostinger 的设置,只需单击此按钮:

→ 单击此处领取此独家托管优惠 ←

如果您需要注册 Hostinger 的帮助,请查看我们关于如何获取免费域名的帖子,您可以在其中找到分步教程。

注册并设置托管计划后,您只需进入仪表板并选择“域”选项卡即可。

从那里,您需要输入一个新域名。

Hostinger get a domain

系统将提示您创建新网站或迁移现有网站。

对于本教程,您可以单击“跳过,创建一个空网站”。

Skip website hostinger

接下来,单击“申请免费域名”下的“选择”按钮。

您只需输入要用于您的作品集网站的域名即可。

Claim free domain

如果您需要帮助决定域名,WPBeginner 提供免费的企业名称生成器,帮助您找到易于在线阅读和推广的公司名称。

当然,如果您要创建个人作品集,最简单的方法就是使用您的名字和姓氏作为域名。 如果已被占用,您可以添加您的职业和名字。

例如,如果johndoe.com被占用,您可能会找到johndoephotography.comjanedoewriter.com

理想情况下,您应该坚持使用 .com 域名扩展,因为它对于小型企业来说是最容易识别和最值得信赖的。

2.安装WordPress

大多数初学者最常犯的错误之一是选择错误的网站平台。 许多自由职业者或小企业主都倾向于 Squarespace 或 Wix。

虽然这些很容易使用,但它们缺乏大量的功能、定制和控制。

使用 WordPress 等内容管理系统可为您的作品集网站提供数千种设计和插件,让您更加灵活。 WordPress 是免费、开源的,并拥有数千个预构建的扩展和网站设计。

借助正确的 WordPress 插件和主题,您还将获得相同的拖放构建器,使 Squarespace 或 Wix 等平台变得如此易于使用。

无论您使用 Hostinger 还是其他 WordPress 托管服务(例如 WPEngine 或 Bluehost),您都可以按照我们的如何安装 WordPress 指南获取详细的分步说明。

接下来,在您的 Hostinger 仪表板中,单击带有 WordPress 徽标的“管理面板”按钮以转到您的 WordPress 网站的仪表板。

您还可以直接在浏览器中访问yoursite.com/wp-admin

3. 选择作品集主题

设置完 WordPress 后,您就可以通过选择主题和创建新页面来自定义您的网站设计。

在本教程中,我们将使用 SeedProd 专门为作品集网站创建一个主题。

SeedProd 是市场上最好的 WordPress 页面构建器。 它可以让您快速轻松地创建任何类型的页面,而无需编写一行代码。

无论您是想创建一个投资组合网站来吸引潜在客户、创建 WordPress 博客还是在线商店,SeedProd 都是一站式解决方案,可以为您提供适合您需求的模板。

您需要安装并激活 SeedProd 插件。 如需更多帮助,请参阅我们有关如何安装 WordPress 插件的深入指南。

安装后,系统将提示您完成安装向导。 您可以单击“开始”,然后按照分步说明进行操作,以便 SeedProd 可以配置插件以最适合您的需求。

SeedProd setup wizard

完成设置向导后,前往SeedProd > 设置并输入您的许可证密钥。 您可以在 SeedProd 网站的帐户页面下找到您的许可证密钥。

输入信息后,单击“验证密钥”按钮。

Verify key for SeedProd

您现在可以使用 SeedProd 的所有功能。

4.建立你的投资组合登陆页面

接下来,转到SeedProd ≫ 主题生成器

从那里,选择显示“主题模板套件”的橙色按钮。

SeedProd theme builder

您将到达一个页面,其中包含可供选择的可搜索 WordPress 主题库。 在搜索栏中输入“portfolio”,然后选择最适合您网站想法的主题模板。

此外,如果您处于特定的利基市场,您可能需要搜索其他关键字。 例如,如果您是房地产经纪人,您可以在 SeedProd 上找到房地产 WordPress 主题。

我们将选择“自由职业组合”主题,但请随意选择适合您需求的任何主题。

Online portfolio theme in SeedProd

我们将创建一个单页作品集网站,您的作品集页面位于您网站的主页上。 这使您可以快速启动并运行您的作品集网站,而无需设计多个页面的麻烦。

在 WordPress 仪表板中,转到“设置”>“阅读” 。 在主页旁边,选择“作品集”下拉菜单,将您的作品集页面设为主页。

Set portfolio page as homepage

然后返回SeedProd ≫ Theme Builder ,您将看到主题内所有页面的列表。

向下滚动并将鼠标悬停在“投资组合”页面上。 然后点击“编辑设计”。

Edit portfolio page

5. 编辑作品集网站

现在是时候编辑内容并使其成为您自己的内容了。 您将被发送到 SeedProd 的可视化拖放页面构建器。 有很多标准和高级小部件可供选择,例如标题、文本、列表、标题、特色图像等。

只需拖动所需的小部件并将其移动到您想要该元素的确切位置即可。

Widgets in SeedProd

您还可以通过选择纯色、渐变色或背景图像来根据自己的喜好自定义背景。

只需单击外层框,然后在侧边栏菜单中的“内容”下,您就会看到用于自定义背景的选项。

Background in SeedProd

如果您需要使用 SeedProd 界面的帮助,可以观看我们的 SeedProd 视频教程。

编辑作品集主页面的内容时,您需要包含几个关键组件,例如:

强烈的号召性用语(CTA):作品集网站应该有明确的号召性用语,以允许访问者雇用您或与您取得联系。 CTA 按钮应放置在页面的首屏上方和底部。

只需在左侧菜单中找到“按钮”框并将其拖动到右侧的页面即可。

Call to action in SeedProd

编辑任何元素时,您必须单击要自定义的特定元素或区域。

然后,该块的选项出现在左侧。 如下所示,“内容”选项卡允许您编辑按钮文本并将其链接到您的联系页面,甚至链接到同一页面下方的嵌入表单。

“模板”选项卡可让您选择按钮样式,“高级”选项卡可让您更改填充、字体等。

Edit button SeedProd

您提供的服务:访问者想知道您提供什么,以便他们可以确定您可以满足他们的要求。 例如,作为 WordPress 开发人员,您是否编写自定义插件、提供网站定制或从头开始构建网站?

要创建服务部分,只需添加一个列小部件并为我们提供的每项服务插入一个图标框。

然后,您可以通过单击元素并使用侧边栏根据需要自定义文本和图标。

Services page in SeedProd

关于我部分:潜在客户和客户也想更多地了解您的背景和经验。 这是一个与人们建立联系并展示您为何对自己所做的事情充满热情的机会。

要创建“关于我”部分,您所需要做的就是将“图像框”小部件添加到页面。 然后,添加您自己的肖像照片并撰写描述,让人们更多地了解您。

如果您正在为企业或品牌创建产品组合,则可以在此处使用自定义徽标。

Author bio in SeedProd

推荐:提供以前客户的推荐有助于建立信任,特别是如果您与信誉良好的品牌合作过。 看到其他人对您的工作感到满意,就会让其他人相信您也能做得很好。

只需将推荐小部件添加到您的页面即可。 然后,您可以添加客户的照片并编辑他们的姓名和感言。 如果您想添加更多评论,请点击该人姓名旁边的“重复”图标。

Duplicate testimonials in SeedProd

6. 添加画廊来展示您的作品示例

创建作品集网站让您有机会展示您所做的所有出色工作。 当潜在客户看到您的能力时,他们会相信您是这份工作的合适人选。

为此,我们将使用 Envira Gallery,这是最好的 WordPress 画廊插件。 虽然您可以使用 SeedProd 上的“高级图库”小部件,但 Envira Gallery 为您提供了更多功能。

例如,它附带灯箱图像,这意味着当有人单击照片时,它会自动显示完整尺寸,而无需裁剪或调整它们的大小。 您甚至可以添加幻灯片并将画廊组织到相册中,以更好地对您的作品进行分类。

首先,安装并激活 Envira Gallery 插件。 您可以按照我们关于如何安装 WordPress 插件的指南获取详细说明。

前往 WordPress 仪表板中的Envira Gallery ≫ 添加新内容。 然后,在标题栏中为您的画廊命名。 从那里,单击“从您的计算机搜索文件”以添加您的投资组合项目的图像。

Add new gallery Envira Gallery

上传投资组合项目后,向下滚动并选择“配置”选项卡。

在这里,您可以更改要显示的图库列数。 将其设置为“自动”将设置自动填充每行的图像数量。

Configurations in Envira Gallery

如果您想更改图像大小,请在“配置”选项卡中向下滚动并找到“图像大小”选项。

选择最能展示您的投资组合项目的尺寸。

Image size in Envira Gallery

您还可以调整灯箱图像大小,以便在有人单击图片时显示原始大小的图像。

转到“灯箱”选项卡并将图像大小调整为“原始图像”。

Lightbox in Envira Gallery

向上滚动到页面顶部并点击“发布”。 在发布按钮下方,您会看到一个短代码。

复制短代码,以便我们可以将图库添加到我们的 WordPress 作品集页面。

Publish gallery in Envira Gallery

返回 SeedProd 中您的作品集页面。 将简码块拖放到页面上您想要的任何位置。

然后,只需将短代码粘贴到侧边栏菜单中的“短代码”框中即可。

Shortcode in SeedProd

如果您想预览短代码,请单击页面右上角的“预览”按钮。

这将向您展示整个页面的外观。

Preview portfolio website

在这里,您应该能够看到您的 Envira Gallery 已嵌入您的作品集网站中。

借助 Envira Gallery 的灯箱功能,您可以单击每个项目以查看完整图像。

Recent projects in SeedProd

7. 添加联系表

现在您已经吸引了潜在客户,是时候让他们与您联系了。 当然,您可以直接在其中发送电子邮件,但联系表单可以让他们直接向您发送消息,而无需打开他们的电子邮件应用程序。

创建简单而专业的联系表单的最佳方法是使用 WPForms。

WPForms form builder

WPForms 是最好的 WordPress 表单生成器,可让您创建在线联系表单。

要了解如何为您的网站创建简单的联系表单以便潜在客户可以与您联系,只需按照我们有关如何在 WordPress 中创建联系表单的分步教程进行操作即可。

填写完表格后,请返回您的作品集页面。 您可以使用“联系表单”小部件从 WPForms 添加表单。 在“选择表单”下,选择您创建的表单。

WPForms in SeedProd

8. 让它变得生动起来

如果一切看起来都不错,那么您就可以启动您的网站了。

您所要做的就是单击右上角绿色“保存”按钮下方的箭头。 然后点击“发布”。

Publish portfolio in SeedProd

继续查看实时站点。

一切都应该出现,包括作品集库、按钮和联系表单。

Portfolio website live example

一旦您制作了一个具有专业外观的投资组合网站,您就可以开始向您的网站发送更多流量或培养感兴趣的潜在客户。

我们希望本文能帮助您了解如何在 WordPress 中创建在线作品集网站。 我们还建议您查看我们关于如何创建 WordPress 博客的文章或关于如何创建电子邮件通讯的指南。

如果您喜欢这篇文章,请订阅我们的 WordPress 视频教程 YouTube 频道。 您还可以在 Twitter 和 Facebook 上找到我们。