如何在 WordPress 中创建在线投资组合网站

想要在 WordPress 中创建在线投资组合网站?自由职业者市场发展迅速。简历和 LinkedIn 个人资料很重要,但要击败对手,您需要一个作品集网站来展示您最好的作品并获得更多客户。在本文中,我们将逐步向您展示如何在 WordPress 中轻松创建在线投资组合网站。

7b6d3bb7cd2085e92f8aec15e0e2063f.jpeg

为什么需要一个在线投资组合网站?

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

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

c8174755e0be7d112af7529f8f6053b4.jpeg

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

这是一个在行业中展现最佳水平的机会。简而言之,您的网站组合可帮助您脱颖而出并建立信任。当您设计一个专业的作品集网站时,您会立即获得可信度并炫耀您的经验。

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

如何使用 SeedProd 在 WordPress 中创建在线投资组合网站

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

1.选择WordPress主机

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

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

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

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

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

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

01b32a9de2802f531b43cb3578367790.jpeg

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

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

d430599a10c7c625b8dd2d36a83692df.jpeg

接下来,单击“声明免费域”下的“选择”按钮。

您只需输入要用于投资组合网站的域名即可。

1cc097b41b730938f070b09b31bcda29.jpeg

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

当然,如果您正在创建个人投资组合,最简单的方法是使用您的名字和姓氏作为域名。如果它被采用,您可以添加您的职业和您的名字。

例如,如果采用,您可能会找到 或 。johndoe.com``johndoephotography.com``janedoewriter.com

理想情况下,您应该坚持使用 .com 域名后缀,因为它是小型企业最知名和最值得信赖的。

2.安装WordPress

大多数初学者最常犯的错误之一是选择了错误的网站平台。许多自由职业者或小企业主被Squarespace或Wix所吸引。

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

使用像 WordPress 这样的内容管理系统可以为您的投资组合网站提供数以千计的设计和插件,从而为您提供更大的灵活性。WordPress 是免费的、开源的,并且有数以千计的预建扩展和网站设计。

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

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

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

9d5bf2b9b2fe513af8eee4fa1dbe8311.jpeg

您也可以直接在浏览器中转到。yoursite.com/wp-admin

3. 选择投资组合主题

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

在本教程中,我们将使用 SeedProd 专门为投资组合网站创建主题。

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

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

您需要安装并激活 SeedProd 插件。

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

75eaf186f84d885f26eb06342a2911b5.jpeg

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

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

1077a57a768277b4c55146d128820b1a.jpeg

您现在可以访问 SeedProd 的所有功能。

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

接下来,转到 SeedProd ≫ Theme Builder。

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

86ea54413e8c27d7a19fc7101f99ca07.jpeg

您将登陆一个页面,其中包含可供选择的可搜索 WordPress 主题库。在搜索栏中输入“作品集”,然后选择最适合您网站创意的主题模板。

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

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

602989a2c566962e6915f04ad95210fa.jpeg

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

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

c24d18d0b75e20107fa5825324eee1e1.jpeg

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

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

010f6923c83d68143f1d9ea7b66a6982.jpeg

5. 编辑投资组合网站

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

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

9f2d2171afc3d8b698679699d8304407.jpeg

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

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

19b11f2cd09ee4d3c858b9f6e0c0fcca.jpeg

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

编辑主投资组合页面的内容时,需要包含几个关键组件,例如:

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

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

3562ec7ae2bd97ee8ad6de50c80d09af.jpeg

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

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

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

6504a8d2946d654846074c420f782a40.jpeg

您提供的服务: 访问者想知道你提供什么,这样他们就可以确保你能做他们正在寻找的东西。例如,作为 WordPress 开发人员,您是否编写自定义插件、提供网站自定义或从头开始构建网站?

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

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

2187cd50f8d5ad81273c3327cba1315e.jpeg

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

要创建“关于我”部分,您需要做的就是将“图像框”小部件添加到页面。然后,添加一张自己的肖像照片,并写下描述,告诉人们更多关于你的信息。

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

754d104ecb2717d7ad8f2735bfed610b.jpeg

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

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

b8c96462738623514f1035d733eddf81.jpeg

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

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

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

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

首先,安装并激活 Envira Gallery 插件。

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

cffbf8fbca25bacdcc84ed00296a7720.jpeg

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

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

98d0b4d146a54c9998574920c9bfdf4f.jpeg

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

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

6ec5dcd10100c38bc55fefc25b467e4d.jpeg

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

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

af1cdd6d4c19471d543cda1260dddc8c.jpeg

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

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

a09440c0f16c5c605c9d56863c67fc5d.jpeg

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

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

f0c41471e9a5906a568a2c7bbbde0aea.jpeg

如果要预览简码,请单击页面右上角的“预览”按钮。

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

f54c8f8947688c3a356e419a444a7335.jpeg

在这里,您应该能够看到您的 Envira Gallery 嵌入到您的投资组合网站中。

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

43366eccc4b68dcc71c0a9f761115e03.jpeg

7. 添加联系表单

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

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

443e5bcf1c6fa3400a9dbb1642793533.jpeg

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

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

08a22575511ea50241e52b7ff4d8cabe.jpeg

8. 让它上线

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

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

bf1843d87fd29914663ced4a3029493e.jpeg

继续检查实时站点。

所有内容都应显示,包括投资组合库、按钮和联系表单。

fdf0b028599d4b25dcc3e2f62a4ea0e7.jpeg

一旦你建立了一个具有专业外观的作品集网站,你就可以开始向你的网站发送更多的流量或培养感兴趣的潜在客户。

我们希望本文能帮助您学习如何在 WordPress 中创建在线作品集网站。

8df4b620004dffbe9a6312b0e812318a.jpeg

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值