如何创建一个作品集网站:详细指南

形象

如何创建一个作品集网站

详细指南


在这个简单的逐步指南中,我会带你领略创建一个引人注目的个人作品集网站的整个过程,展示你最好的作品,并最终让你被雇用。

这个过程包括四个基本步骤, 和 会花费你不超过20分钟时间。它涵盖所有的网页设计知识沟,并使其成为一个优秀的作品集网站,而无需涉及任何代码。

点击这里跳到第一步.

免责声明:这篇文章包含联营链接,这意味着我在购买时获得少量佣金,而不会给你带来额外的费用。我确实相信文章中提到的产品,并对它们有丰富的经验。如果你通过我的联营链接购买,非常感谢你的支持!

第1步:挑选一個域名

在进入网站建设之前,我们先来快速了解一下域名。

几乎每家托管公司都会销售域名。当购买托管计划(我们会在 第2步讨论),大多数托管公司都会为你提供一年的免费域名。

当选择一个域名时,你可能会觉得有一种冲动想要创新,甚至是有趣。我给你最好的建议是 保持简单

你应该使用自己的名字做域名吗?

我强烈建议使用你的确切名字做域名。原因是,这是确保你的网站是人们在网上搜索你时出现的第一条信息的最好方法。否则,他们可能会跑到你的个人脸书页面或其他与你无关的随机页面。

最好是尽可能的控制自己名字的搜索结果,申请一个自己名字的域名是最好方式。

如果你名字的域名不可用,可以尝试在最后加一个词,比如"johndoeportfolio.com"或"johndoeart.com"。最重要的是要有你的全名在里面。

第2步:让你的作品集网站上线

下一步是设置你网站的托管地。在本指南中,我将介绍3个选项,每种适合一个类型的用户。

  • 使用 Wix.com (适合那些想要一个简单易用的现成解决方案的人)
  • 使用 Bluehost (适合那些想要更多控制,但又不想花很多钱的人)
  • 使用 Kinsta (适合那些想要最高级的解决方案,并且不介意支付它的人)

如何使用Wix让你的作品集网站上线?

Wix 是一款网站建设工具,即使没有任何网页设计经验,任何人都可以用它在几分钟内建立一个专业风格的网站。Wix因为其灵活性和易用性非常受欢迎。在这个部分,我们会介绍如何创建个人作品集网站以及 使用Wix.com。

创建一个账户

在Wix网站建设者上创建一个账户非常直观。你甚至可以用你的谷歌或脸书账户注册。

访问主页 www.wix.com,然后点击“开始”。

你会被重新转到注册页面。输入你的电子邮件地址和新密码,然后点击注册按钮。

下一步是一个小调查,帮助Wix了解你的需求,以便他们为你提供最好的体验。你可以选择回答调查或跳过它。

该调查仅由三个问题组成,完成时间不超过30秒。 选择以前从未做过它,因为本指南是为初学者和高级用户准备的。

一旦你选择了最后一个选项,你就会被转到下一个页面,在那里你会得到一个选项,让你选择使用Wix的人工智能设计师Wix网站编辑器来创建你的网站。

使用Wix人工智能设计师(ADI)创建作品集网站。

点击"立即开始",使用Wix ADI或"选择一个模板"并使用 Wix网站编辑器来创建你自己的专业网站。在本指南中,我们会对这两者进行探讨,首先从Wix ADI选项开始,这是非网页开发者的最佳选择。

选择你要创建的网站类型;在这种情况下,一个作品集网站。点击下一步,选择你想要的网站功能。

我们在这里选择了"在线商店"。 因为我们会展示我们的作品,并且访问者应该能够联系和雇佣你。注意,你可以选择跳过这一步,以后再添加功能。之后,点击"下一步"。

选择一个品牌/企业名称,或者使用你自己的名字。无论你在这里选择什么,都会被用作你的域名。比如,我们用我们的品牌名称"bloopanimation"。点击"下一步"。

由于我们正在制作一个新的项目,所以假设我们没有现有的网站或Google places,所以我们会点击"跳过"来审核和编辑我们的信息。.

填写提供的字段;你的电子邮件已经在那里。添加你的logo、地址、电话号码、传真(如果有的话)和社交账户链接。

在下一页,为你的网站选择一个主题(你可以在之后很容易地改变主题)。选择一个并点击继续

如果你上传了一个logo,你会有一个选项,从该logo创建一个调色板。如果没有的话可以跳过,或者点击"创建调色板"继续。

下一步是选择主页设计

选择任何一个陈列设计或跳过。你仍然可以稍后更改它们。一旦你选择了一个设计,你就会被带到Wix ADI编辑器。

Wix编辑器有三个主要区域,如下图所示,分别是;(1)顶部菜单区域 (2)侧栏区域,以及(3)主页区域

重要的是,我们要深入研究每一个区域,以及它们如何使用的。 

主菜单区域: 主菜单区域由以下标签页组成:

  • A)当前页面选择器:在这里,你要选择一个页面出现在主页面区域进行编辑。
  • B)添加:用于添加新页面或新页面区域。
  • C)设计:这个区域可以让你改变主题、颜色、字体、动画或页面设计。
  • D)管理商店:用于建立一个在线商店。由于我们的兴趣是创建一个作品集,我们会跳过它。
  • E)撤销/重做按钮:撤销或重做一个动作。
  • F)帮助:访问Wix帮助数据库。
  • G)站点:这个标签页包含一个子菜单列表,如"创建一个新站点"、"我的站点"、"连接域"等。我们在这里唯一感兴趣的是"连接域",其他的都比较直观。
  • H)通知铃声:你所有的通知都会在这里出现。
  • I)升级:要连接你的域名,你需要升级到高级账户。要查看所有的升级计划,你可以点击 此处.
  • J)预览:预览标签页可以让你在发布之前预览你的设计。
  • K)发布:一旦你完成设计的网站,并对你的预览满意,你可以继续点击发布按钮来发布你的作品集网站。

侧边栏区域: 通常用于显示不属于主页面的信息。首先,点击一个部分,它会在侧边栏区域打开编辑。在那里,你可以更改图片等媒体文件,编辑文字等。

下面是侧边栏区域出现的页眉部分的截图。

你可以改变部分设计,添加/编辑菜单,添加会员制到你的网站等。要将这些功能添加到你的网站,只需点击旁边的复选框即可。

我们来看看其中的一些:

  • 网站菜单:你添加到网站的每个页面都会出现在这里。你可以编辑页面,重新排列页面或删除页面。
  • 会员登录栏:这个功能适用于会员制网站。
  • 企业名称:你之前选择的企业名称会保存在这里。但是,你仍然可以在任何时候在这里更改名称。 
  • 标语:为网站设置一个标语。
  • 徽标:添加一个徽标或更改现有的徽标。
  • 网站电子邮件:编辑或添加一个新的电子邮件帐户。
  • 电话号码:编辑或添加一个新的电话号码。
  • 按钮: 可以让你添加按钮,如"联系我们"或"保持联系"按钮。.
  • 社交账户:编辑或添加你的社交账户。

上面的选项包含页眉部分。其他部分有各自的功能。点击任何其他部分,编辑功能会出现在侧边栏。

主页区域: 这是你查看你的设计的主要浏览区域。这个查看器使用起来非常直观。只需点击一个部分来编辑,重新排列/移动,设计,或从你的网站上删除它。

你可以有任意多的部分,但我们建议保持简单,5或6个部分。页眉和页脚部分不能移动/重新排列,但可以编辑。

正文部分: 与页眉部分不同,你可以复制、移动、删除正文部分。你还可以对其进行编辑和设计。右上角的两个箭头用来向上/向下移动一个部分。而左上角下拉菜单中的"移动到"选项则是用来将一个部分移动到特定区域。

页脚/页眉部分:就像我之前提到的,你只能编辑和设计页脚部分。

那么让我们来看一下最终结果。在这个例子中,我们删除了所有的页面,只留下主页。我们的主页有六个部分。 

  • 页眉部分
  • 欢迎部分
  • 专业画册部分(作为作品集区)
  • 引述部分
  • 联系方式部分
  • 页脚部分

使用Wix网站编辑器创建一个作品集网站。

现在我们已经看到了Wix的ADI是如何工作的,让我们看看如何使用Wix编辑器来定制我们的作品集网站。 要使用Wix网站编辑器,请进入Wix,按照前面所说的所有步骤进行操作。这一次,选择"选择模板"选项。

在下一页,你会看到很多漂亮的模板,横跨多个页面。浏览并做出选择。

将鼠标悬停在你想使用的模板上,点击"查看"来预览模板,或者点击"编辑"来立即开始使用模板。

一旦你点击"编辑"按钮,就会带你进入Wix网站编辑器。编辑器很简单,使用起来也很方便,让我们看一下其中的几个功能。

在下图中,我们双击标题,使之可编辑,这样你就可以轻松的输入你网站的标题。通过"文本设置"框,你可以更改标题类型、字体、字体大小、字体颜色等文本格式选项。"文本设置"复选框只有在你要编辑文本时才会出现。

你可以编辑 菜单和页面,添加背景,并添加媒体到你的网站。你可以点击画布中的元素来编辑它们。

你可以在发布前保存 预览你的网站。当你准备好发布时,点击右上方的"发布"按钮。我们建议时常保存你的作品,以免丢失你的设计。

如果这是你第一次涉足网站设计,你可能会觉得很困惑。但Wix的编辑器使用起来非常简单,玩了一会你就会掌握它的窍门,觉得驾轻就熟。

这是我们的最终结果:

将自定义域名连接到你的Wix网站上

你可以从网站控制面板上的不同地方将自定义域连接到你的Wix网站。要连接你的域名,请进入页面右上方的账户。会出现一个弹出式窗口,行动召唤"获取 域名。"

你也可以通过访问你的个人资料下拉菜单或直接点击你的仪表板上的"获取域名"来实现。

之后,你会看到一个选项,购买一个新的域名或连接一个你已经拥有的域名。

要连接你的已有域名,你必须升级到Wix高级计划。如果你想连接你的已购买域名,请继续升级你的计划。

如果你没有域名,想买一个新的域名,那就点击"购买新域名”。

输入你想购买的新域名,然后点击"搜索"按钮,检查该域名是否可用。

点击"获取它"。你可以升级到包含1年免费域名的年度计划,或者购买域名后再升级。

注意:在你升级之前,域名不会分配给你的网站。

选择一个计划,并继续付款。

我们推荐年度计划,这样你就可以获得免费的域名券和其他强大的功能。

输入你的卡信息并提交你的购买。

恭喜你!你的高级计划已激活,你可以创建你的作品集网站了。


 

如何使用Bluehost网站托管上线你的作品集网站

如果你打算使用WordPress(最流行的内容管理系统)来设计你的作品集网站,那么使用 Bluehost 作为你的网站托管,它是初学者的最佳选择。

在本节中,我们会带你了解 在Bluehost上设置一个托管账户的整个过程,注册一个域名,安装并激活WordPress。 

为什么是Bluehost?

Bluehost 是世界上最受欢迎、最可靠、最值得信赖的托管公司之一。我们在最初几年使用了Bluehost托管布卢普动画(之后,切换至 Kinsta,它是一个更重型的托管服务,针对大访问量和电子商务需求的网站),对于很多人来说,比如我们,它一直是最快速最实惠的选择。

如何在Bluehost上创建账户并安装WordPress?

1. 开始

要在Bluehost上创建一个账户,请访问 www.bluehost.com 并点击"立即开始"按钮。

2. 选择一个托管方案

你的项目的目的决定了你的最佳托管方案。如果你正在创建一个作品集网站,你可能应该 选择基本方案。 

Bluehost 的优点在于,当你的网站开始有大的访问量时,你可以随时升级到一个更高级的方案,而不会对你的网站有任何影响。考虑到这一点,我们为我们的作品集网站选择基本方案。

通过使用广泛且价格实惠的共享托管,我们可以轻松安装和激活我们的WordPress网站。不同于虚拟专用服务器(VPS)的托管,服务器管理、平台补丁都是由共享托管的托管提供商处理的。所以,我们不需要担心这些问题。

让我们看一下Bluehost共享托管方案及其功能。

3. 注册一个域名

在本指南的开头,我们介绍了选择域名。现在我们已经选择了一个托管方案,我们终于可以注册那个域名了。

值得庆幸的是,Bluehost在购买托管方案时,在第一年为你提供了一个免费域名

我们有三种方案可供选择。

  1. 创建一个新域名
  2. 使用你的已有域名。如果你选择这个选项,你必须将域名服务器指向Bluehost托管。 点击这里 了解更多关于设置域名服务器的信息。
  3. 跳过并在之后再创建一个域名。

对于本指南来说,我们会选择第一个选项。

4. 创建你的账户

一旦你在提供了你的域名之后点击"下一步",你会被带到下一个页面,在那里你会创建一个新的帐户或登录,如果你已经有一个Bluehost帐户。

填写账户信息,并进入下一步。 

5. 选择套餐信息和附加服务。

根据你的预算选择你的账户方案,你可以选择12个月或更长时间。你会注意到,方案时间越长,每月的价格就越便宜。

12个月基本价格—5.95美元/月—71.40美元/年。

24个月基本价格—4.95美元/月—118.80美元/年。

36个月基本价格—3.95美元/月—142.20美元/年。

你可以选择以下任何一个附加套餐

  • 域名隐私保护:费用为每月0.99美元(每年按11.88美元/年计费)。域名隐私会保护你的个人信息(例如,你的姓名、电子邮件、国家和地址)不被公众看到。只有当你想让你的域名信息匿名时,才建议使用此功能。
  • SiteLock网站安全锁:费用为每月1.99美元(每年按23.88美元/年计费)。这个附加组件验证你的电子邮件地址,物理地址和电话号码。如果你打算向你的客户证明你的可靠性,那就需要这个功能。
  • CodeGuard基本版:费用为每月2.99美元(计费至托管期结束)。这提供了额外的安全,让你定期备份你的网站。 
  • Bluehost的SEO工具:每月需额外支付1.99美元(每年按23.88美元/年计费)。Bluehost的SEO工具,有助于你的网站在搜索引擎上的排名。
  • 1个Office 365邮箱:前30天免费。它是一个由微软提供的电子邮件平台。

我建议添加域名隐私套餐。其余的在我看来,对于作品集网站来说,有点大材小用了。

接下来我们会添加我们的支付信息并提交。如果你不想用信用卡支付,可以点击"更多支付方式"用PayPal支付。

一旦你正确输入所有信息,并点击"提交",你会收到一封确认邮件和祝贺信息。您已经成功注册Bluehost!点击"创建帐户"按钮继续。

Bluehost通常会在注册后自动为你创建一个网站。然而,你可以删除这个网站,通过来到"管理网站",点击"设置",然后向下滚动到页面的底部,并删除它。.

  1. 使用Bluehost的"一键安装"按钮安装WordPress。

在注册Bluehost之后,接下来要做的就是安装和激活WordPress。有了Bluehost的WordPress"一键安装",你可以一键无缝并立即安装WordPress。

a)登录到你的Bluehost账户。在你的控制面板上,点击"我的网站",然后点击"创建网站"。

b)为你的WordPress新网站输入一个名称和网站标语,然后点击"下一步"。

c)如果你注册了一个域名,从下拉箭头中选择一个你想用于你的作品集网站的域名。一定要取消勾选你不需要的插件的复选框。 

写下你的WordPress用户名和密码,然后点击"登录WordPress"链接继续。

现在我们已经完成了WordPress的安装,我们需要获取一个模板来设计网站的实际风格。要查看我们的详细介绍,请去到 第3步.


如何使用Kinsta让你的作品集网站上线?

Kinsta 是一个高级Wordpress托管服务。它是我们发现 最快、最安全的一个,并拥有一流的客户服务。我强力推荐它。

他们并不便宜, 最便宜的方案 30元/月起,但他们绝对物有所值。

所有的方案都有一个免费的Wordpress迁移,这意味着Kinsta会把你的整个网站从你以前的托管服务中迁移出来,并为你设置好。

他们的方案还带有免费的CDN每日自动备份24小时出色的技术支持免费SSL证书。大多数托管服务都会对这些类型的附加服务收费。

选好方案后,只需办理结账手续,Kinsta的客服会指导你完成剩下的流程。

一旦你的Wordpress网站设置好了,剩下的网站设计过程和其他托管服务一样,我们会在第3步中介绍。

第3步:在Wordpress上使用一个主题(免费/付费)设计你的作品集网站

在这一部分,我们会在WordPress中展示如何获取和设置一个新的主题。我们会从安装一个空白主题开始(实际上我们在第2步中已经介绍过了),到安装一些免费和高级主题。

如果你在Bluehost或其他托管提供商上托管你的WordPress网站,你可以随意在你的网站上使用任何主题(包括免费和付费)。我们建议远离无效或破解的主题,以避免安装恶意文件到你的网站,从而使其容易被黑客攻击。

X主题——我们推荐最多的高级主题

在我们介绍一些推荐的免费和付费主题之前,我们想向你展示如何设置我们认为是 最好的主题之一——X主题。这是我们在布卢普动画上使用的主题,也是每当我建立一个网站时的关键X主题。

X主题 是由Themco制作的。他们制作了2个版本的主题:X专业版专业版 只是X主题的一个更可定制的版本。对于大多数人来说,我建议坚持使用X。

要获取X主题,我们必须要去 Themeforest.

从Themeforest获得高级WordPress主题

有这么多值得信赖的高级主题网站,但我们建议Themeforest。Themeforest是头号高级主题供应商,他们有一个主题几乎适合任何目的,包括作品集网站。

所以让我们去到 themeforest.net。在搜索框中,输入"X主题",然后点击搜索

第一个结果应该是我们要找的主题。点击购物车 图标,将其添加到购物车中。

会出现一个弹出式的选项,可以选择普通许可证和扩展许可证,6-12个月技术支持。在这个项目中,我们会选择12个月技术支持方案的普通许可证,总共需要35.38美元。

继续,点击添加到购物车, 然后去结账。

点击安全结账后,你需要创建一个账户或登录到现有账户(如果有)。

选择用户名和密码,创建一个账户并继续。

接下来,填写你的账单详情,并点击保存并继续

选择一个支付选项并完成交易。有信用卡、Paypal或Skrill选项。

一旦你的付款被确认,你会收到一封来自ThemeForest的确认邮件。该主题会被添加到你的ThemeForest帐户。

购买后访问和下载你的主题

在你购买X主题后,你需要下载主题文件,然后再安装到你的蓝色主机托管中,你已经激活了WordPress。

为此,请登录到你的ThemeForest账户,将鼠标悬停在右上方的用户名上,然后点击下载。

下载页面上,你会看到你从ThemeForest购买的所有主题和项目。点击x主题旁边的下载按钮,然后选择仅安装WordPress文件来下载主题。它会以zip格式下载文件。

安装主题

从你的ThemeForest账户下载主题文件后,登录到你安装在蓝色主机上的WordPress账户。登录后,将鼠标悬停在"外观"部分,选择"主题"子菜单。

在下一页,单击"添加新主题"。

然后点击上传主题。

选择"选择文件"选项来安装主题文件。找到并选择你刚刚下载的压缩文件。

点击"立即安装"按钮来安装主题。

安装需要几秒钟或几分钟,这取决于你的网络连接。一旦安装成功,你会看到这样的信息:

点击激活来激活主题。你会被转到主题的控制面板。

验证你的主题

要验证"X主题",提交购买时附带的授权码进行验证。

要从ThemeForest获得购买密钥,请按照以下步骤进行:

  1. 登录你的账户,点击屏幕右上方的账户名称。
  2.  在下拉菜单中,点击"下载"。
  3. 点击"X主题"旁边的"下载"按钮。
  4. 然后,点击下拉菜单中的"授权证书及购买代码",下载产品信息文本文件。

在文本文件中搜索商品购买代码,你就可以找到商品验证时使用的购买密钥。

现在你已经获得了产品授权,请前往你的WordPress安装,并访问产品验证页面,如下所示:

来到X,然后验证

你会看到一个输入栏,在这里你可以添加许可证号码,然后点击回车。

如果一切正常,你会得到一个成功的消息。现在,安装所需的Cornerstone插件。

点击X,来到X主题,控制面板。点击启动设计云

在"设计云"上,你会看到很多创意十足的漂亮主题。选择一个你喜欢的,然后点击安装

访问你的网站,看一下你选择的模板的样子。

你现在可以去定制界面中添加自己的图片,根据自己的喜好定制网站。如果你不喜欢,也可以更换主题。

为你的作品集网站推荐的主题(高级)

X主题是迄今为止最好的一个,但不是唯一的一个。有很多其他你可以使用的、灵活的漂亮主题,所以让我们回到Themeforest查看一些。

在他们的列表中拥有超过48,600个主题,为Themeforest上找到一个完美的项目主题,对于不熟悉的人来说,可能很困难且令人望而却步。

幸运的是,我们已经为你做了研究,并找到了10个非常适合作品集网站的主题。

 ThemeFusion的Avada主题 (60美元)

Avada主题 是WordPress主题市场上有史以来最受欢迎的主题,超过600,000销售量。

它也是目前使用最多、多用途WordPress主题。由ThemeFusion公司打造,Avada使用了一个拖放式的融合生成器,即使是没有编码经验的人,也能简单地进行网站定制。

安装Avada主题后(安装主题的方式与我们安装X主题的方式相同),如果你想安装一个他们的演示模板作为起点, 那就去到演示标签。

将鼠标悬停在任何一个演示模板上,点击"预览"查看实时预览;如果你喜欢它,点击"导入"来导入模板。你可以导入任意一个你喜欢的演示,你只需在任何时候激活一个你想使用的演示即可。

点击安装后,弹出的窗口会显示导入内容所需的插件。安装并激活所有需要的插件。之后,勾选"全部",导入所选模板的演示内容。然后点击导入。

恭喜你!你已经成功导入演示模板,现在在浏览器上打开一个新的标签,并输入你的域名来查看你的新网站的样子。

Dream-Theme的7主题 (39美元)

7主题 是目前Themeforest上另一个畅销主题。它的特点是与WPBakery页面生成器(前身为Visual Composer)与终极插件的全面和无缝集成。

拥有超过1000个主题选项,几乎所有可以想象的设计都可以用7主题制作。设计向导功能可以让你在几分钟内创建一个专业的网站。

以下高级插件与7主题相捆绑。 

  • WPBakery页面生成器(前身为Visual Composer)
  • 终极附加组件
  • 革命滑块幻灯插件
  • 层级滑块插件
  • 即时价格表插件
  • ConvertPlus插件

它也完全兼容大多数流行插件,如WooCommerce,Yoast SEO等。

Muffin Group的BeTheme主题 (59美元)

拥有500多个现成的网站以及一键安装。 BeTheme主题 给你无限可能。BeTheme很适合做作品集网站。有了它的拖放功能,任何人(包括那些没有编码经验的人)都可以用它轻松地建立专业风格的网站。

UpSolution的Impreza主题 (39美元)

有了 Impreza主题,你可以根据自己的特定需求进行定制,没有任何限制。它完全适合作品集网站。捆绑了220多个现成的网页演示,Impreza还配备了可视化拖放构建器和一键式演示安装程序。

QODE的Bridge主题 (59美元) 

Bridge主题 是一款由QODE出品的视网膜多功能WordPress主题,有超过500个演示和2个页面生成器,构建精美、灵魂的架构。

任何一个演示网站示例可以无缝导入,选择你最喜欢的设计或风格,然后导入页面和设置一键导入功能。有了Bridge主题,你可以在短短几分钟内即可以设置和运行一个设置齐全的网站。

Kriesi的Enfold主题 (59美元)

Enfold主题 是由Kriesi设计的一款简洁、极其灵活、完全响应的WordPress主题。Enfold可用于设计任何类型的网站,包括整洁的作品集网站、商业网站、机构网站、在线商店等。Enfold构建在Avia框架之上,提供多语言插件,包括20多种语言。

artbees的Jupiter X主题 (59美元)

Jupiter X主题 是一款所有功能集一身的主题,快速创建简单、像素完美的网站。捆绑了Elementor页面生成器(世界上领先的WordPress页面生成器),你可以直接使用WordPress定制器定制Jupiter X主题。除此之外,你现在可以使用可视化编辑器毫不费力地建立自己的页眉和页脚。

Jupiter X主题拥有超过300个现成的网站模板,还附有上百个页面区块模板,可以给你节省时间和带来灵感。Jupiter X主题每个月都会发布新网站和区块模板。

undsgn的Uncode主题 (59美元)

Uncode主题 是一个像素完美的创意WordPress主题。它是基于流行的WPBakery页面生成器的个性化和改进版本。Uncode是一款多功能主题,整洁、灵魂,适合每种网站设计。它可以用于作品集、机构、自由职业、企业、服务、创业、摄影、活动、艺术家、音乐网站等。

拥有超过70个专业设计的演示布局,你可以根据自己的口味进行导入和定制。此外,通过Uncode线框插件,你还可以导入超过400个单元模板,这些模板可以组合成一个完整的网站或独立的登陆页面。你几乎可以建立任何你想要的东西,而不需要写或看到任何代码。

CodexThemes的TheGem主题 (59美元)

TheGem主题 是一个多用途、快速反应、高性能的WordPress主题,具有现代艺术设计,以适应所有创造性的网页设计使用。

由CodexThemes设计和开发,TheGem主题是一个拥有设计元素、风格和功能的终极网络建设工具箱。你可以在几分钟内建立一个专业的高性能网站,而且不用知道如何写代码。

它打包了超过40个独特的多用途设计概念、150个精湛的演示页面、20多种风格的8种导航设置,以及灵活性很高的页面布局。它非常适合在几分钟内建立一个作品集网站和任何其他类型的网站。

TheGem主题以创意激情为核心以及靓丽的流畅设计打造,每个艺术人士都会非常喜欢它。

为你的作品集网站推荐的主题(免费)

除了上面列出的所有高级/付费主题,还有免费主题,你可以用来创建一个漂亮的作品集网站。

一旦你在你的托管账户中安装了WordPress,你就可以使用WordPress的很多免费主题。

如何在你的WordPress账户中找到免费主题

要使用免费主题,你必须通过登录到你的WordPress帐户找到主题。将鼠标移至"外观",然后点击"主题"。

在"主题"页面上,点击"添加新主题。

"添加新主题"页面,你可以看到特色主题,还有很多。其实你可以通过筛选主题来找到你想要的东西。

使用筛选菜单,我们可以通过热门、最新,以及最受欢迎筛选主题。只需点击"最新"筛选,就能得到7,656个主题结果:

如果你已经有一个喜欢的类别,你可以使用搜索框。因此,要找到一个作品集主题,你可以点击"特色"标签,或者在搜索框中输入"投资组合"来查看所有的作品集主题。搜索返回863个主题结果。

你可以选择使用"功能筛选"标签进一步缩小搜索范围。

通常情况下,没有必要使用这个标签,尤其当你还是一位初学者的时候。不过,尝试一下也无妨。我们在主题页眉下选择作品集,在布局页眉下选择三栏,然后点击应用筛选器

之后,我们会得到346个主题。 

最后,通过搜索主题 复选框,如果你已经知道它的名字,可以搜索一个主题。让我们搜索Gridster-Lite; 这是一个免费主题,我们把它用到这个例子中。

我们获得了三个结果,我们会用第一个。

现在,你已经看到了如何在WordPress上筛选免费主题来获得你想要的主题。让我们来看看如何使用免费主题Gridster-Lite来设计一个作品集网站。

使用Gridster-Lite免费主题

在这部分,我们会学习如何使用Gridster-Lite免费WordPress主题设计一个作品集网站。

搜索并找到主题之后,悬停在它上面,然后点击安装。你可以预览来看一下我们网站的样子。

安装完成后,点击激活。

让我们来看下我们网站新主题下的样子:

第4步:添加你的样片

我们所涉及的许多主题都有独特的页面生成器或模板,你可以导入它们来创建漂亮的作品集网站。

但是,我想确保你知道如何创建一个页面,添加你的样片,并将其设为你的默认主页,万一你想自己处理。

所以首先,让我们添加一个新页面:

然后你会被引导到页面编辑器,很可能会使用模块编辑器。模块编辑器是一个在Wordpress中构建页面,不使用任何主题或插件的不错方式。把我们的页面命名为"主页"。

模块编辑器可以让你用"模块"来构建页面,这些模块基本上是用默认设置创建的页面不同部分。它们可以是文本区块,或者在我们的例子中是一个嵌入式视频。

点击黑色加号,添加新模块。

然后就会出现你最近使用的模块,但是我们可以浏览所有不同的模块,或者搜索我们想要的模块。

我们知道我们要在这个页面上添加一个视频,所以让我们在搜索栏中输入"视频"。

我们有几个不同的选项来嵌入我们的视频。在这种情况下,我们会选择Vimeo,但你也可以使用YouTube和其他。

选择Vimeo后,我们会输入我们样片的vimeo网址,然后点击"嵌入"。

我们的样片现在已经被添加到页面上。

现在让我们把这个页面设为我们的默认主页。

来到设置->阅读:

选择要显示的静态页面作为你的主页,选择我们刚刚创建的页面(命名为"主页")。

现在,当我们进入我们的网站,我们会看到我们的样片在正中心。

是的,这个设计并不太适合主页,但现在你知道如何创建和编辑你的主页了。试着探索其他的模块、模板和页面生成器,并找到适合你的那个。

第5步:网站设计指南

现在我们知道如何创建一个作品集网站,我想谈一些基本设计理念,让你正确理解如何创建一个好看且有效的网站。

你需要记住的第一点是保持简单。在制作你网站的整个过程中,记住这一点。

如果你没有设计经验,你很可能倾向把事情弄得过于复杂,添加更多不必要的信息,并添加尽可能多的元素。尤其是这些模板平台提供了很多不错的选择。你可能会认为在主页上加入一个带有位置的地图小部件是个好主意,但实际上不是。尽量保持简单。

最重要的是,记住你做这个网站是为了谁。你不是为自己做的,你已经知道自己的一切。你是为 那些想了解更多关于你的业内人士而做的。他们想要一些关于你的简要信息,看一下你的一些作品,以及联系你的方式。就这些。除此之外可能都不必要。

单页与多页

个人作品集网站常见的方法有2种。单页布局和多页布局。

单页网站就是一个单一网页,在顶部有一堆菜单项,它们通向页面的不同部分,所以浏览者一直停留在同一个页面上。

多页网站是指你把网站分解成各个页面,目的各不相同。比如联系方式页面,或者个人简介。然后导航菜单将你转移到相应的页面。

选择一个布局是你的 选择,这是一个品味问题,但如果你没有太多的东西放在网站上,或者你无法决定,最安全的选择是单页布局。

这是最为你读者着想的选择,因为你让他们更容易在一个地方获得所需的所有信息。我个人认为这是更好的选择。

其实我在自己的作品集网站上 使用了 多页布局,因为我在每个部分都写了很多东西,我的短片有一个页面,我的个人简介有一个页面,并且我希望有一个专门的菜单选项链接到bloopanimation.com上的博客。

但即使我使用了多页布局,我还是把我的主页当成了一个迷你的单页布局,包括一张图片、一个总结我是谁的短标题、一段带有更详细的个人简介的较长段落、一个我的博客链接和我的短片列表。

这样一来,如果有人出现在网站上,并不想浏览,他们仍然可以在那个页面上获得所有的信息。

我非常尊重我读者的时间,我想确保他们可以毫不费力地了解我的一切。

目标

确保你知道你网站的目标是什么。我的网站目标可能与你的目标不同。

我想提供一些关于我的基本信息,并将自己定位为一个动画导演。我已经不想再以动画师的身份去应聘了,所以我甚至根本没有把我的样片放到网站上。

不过我以前是这样的,当我还在工作室工作的时候,那时你在我的主页上首先看到的就是我样片的视频,等着你点击观看。我之所以这么做,是因为我知道访问网站的人很可能是来自于工作室,考虑聘请我,所以我想尽可能让他们轻松地查看我的作品。

在调整你的主页,给你的读者呈现他们最感兴趣的东西。把那些内容放在正中心。

结束语+资源

感谢你坚持看完这个详细指南,希望对你有所帮助。

为了方便起见,我把本指南中提到的所有不同资源收集在下面,你可以随时参考。

祝你好运!

资源:

网站托管

  • Wix.com: 适合想要简单易用的预制解决方案的初学者。
  • Bluehost: 适合那些想要更多控制,但又不想花很多钱的人。
  • Kinsta: 适合那些想要最高级解决方案,并且不介意为此付费的人。

主题

文章