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

形象

如何创建一个作品集网站

详细指南


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

这个过程包括四个基本步骤所需时间不超过20分钟。它将涵盖所有的网页设计知识差距,并使你有可能在不接触任何一行代码的情况下拥有一个惊人的作品集网站。

点击这里向下跳到第一步

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

第1步:选择一个域名

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

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

在挑选域名的时候,你可能会觉得有一种冲动,想要有创意,甚至是有趣。我可以给你的最好建议是 保持简单

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

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

最好是尽可能多地控制你自己名字的搜索结果,而为你的名字申请一个域名是最好的办法。

如果你的名字的域名不可用,试着在末尾添加一个词,如 "johndoeportfolio.com "或 "johndoeart.com"。重要的是要把你的全名放在里面。

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

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

  • 使用 Wix.com(对于那些想要一个易于使用的预制解决方案的人)
  • 使用 BlueHost(对于那些想要更多控制权,但不想花很多钱的人)
  • 使用 金斯塔(对于那些想要最先进的高级解决方案的人,并且不介意为其付费)

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

Wix是一个网站建设工具,任何人,在网页设计方面没有经验,都可以用它在几分钟内建立一个专业的网站。Wix因其灵活性和易用性而非常受欢迎。在本节中,我们将介绍如何使用Wix.com创建一个个人作品集网站

创建一个账户

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

访问主页 www.wix.com,并点击 "开始"

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

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

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

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

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

点击 "立即开始",使用Wix ADI或 "选择模板 ",使用Wix网站编辑器创建你自己的令人惊叹的网站 。在本指南中,我们将对这两种方法进行探讨,首先是Wix ADI选项,这是对非网络开发人员的最佳选择。

选择你想创建的网站类型;在这种情况下,是一个投资组合网站。点击下一步,选择你想在网站上实现的功能。

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

选择一个品牌/业务名称,或使用你自己的名字。无论你在这里选择什么,都将作为你的域名使用。我们使用我们的品牌名称,"bloopanimation "作为例子。点击下一步

由于我们是在一个新的项目上工作,它假定我们没有一个现有的网站或谷歌地方,所以我们将点击 "跳过"来审查和编辑我们的信息

填写提供的字段;你的电子邮件已经在那里。添加你的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是世界上最受欢迎、最可靠、最值得信赖的托管公司之一。在Bloop Animation成立的前几年,我们一直使用Bluehost来托管它(在转到Kinsta之前,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的安装,我们需要得到一个模板来设计网站的实际外观。我们将在下面的文章中广泛地介绍这一点 第三步.


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

Kinsta是一个优质的Wordpress托管服务。它是我们发现的 最快、最安全的一个,而且有一流的客户服务。我对他们的推荐简直无以复加。

他们并不便宜,最便宜的计划是30美元/月起,但他们更值得。

所有计划都有免费的Wordpress迁移服务,这意味着Kinsta将为您从以前的主机服务中转移整个网站,并为您设置好所有内容。

他们的计划还包括一个免费的CDN每天自动备份24/7的优秀支持,以及一个免费的SSL证书。大多数托管服务都对这些类型的附加功能收费。

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

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

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

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

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

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

在我们介绍一些推荐的免费和付费主题之前,我们想告诉你如何设置我们认为是最好的主题之一--X。这是我们在Bloop Animation使用的主题,也是我每次建立网站时最常用的X主题。

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

要得到X,以为,我们必须去Themeforest

从Themeforest获得优质的WordPress主题

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

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

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

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

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

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

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

接下来,填写你的帐单细节,并点击保存和继续

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

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

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

在你购买了X主题你需要下载主题文件,然后再把它安装到你的Bluehost主机上,在那里你已经激活了WordPress。

要做到这一点,请登录您的ThemeForest账户,在右上方的用户名上悬停,然后点击下载。

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

安装主题

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

在下一个页面,点击添加新的。

然后点击上传主题。

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

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

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

点击 "激活"以激活主题。你将被重新引导到主题的仪表板。

验证你的主题

为了验证 "x主题",提交购买时附带的许可证代码进行验证。

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

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

在文本文件中搜索 "项目购买代码",就可以找到用于产品验证的购买密钥。

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

转到X >验证

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

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

点击X,进入X主题,仪表板。点击启动设计云

在 "设计云 "上,你会看到许多创造性的、美丽的主题。选择你喜欢的一个,然后点击安装

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

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

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

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

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

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

Avada by ThemeFusion($60)

阿瓦达是所有流行的WordPress主题市场上销量第一的主题,销售量超过600,000,而且还在不断增加。

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

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

悬停在任何演示模板上,点击预览,查看实时预览;如果你喜欢它,点击导入,导入该模板。你可以随心所欲地导入演示模板;你只需在任何时候激活你想使用的那个。

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

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

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

The7是目前Themeforest上另一个最畅销的主题。它的特点是与WPBakery Page Builder(以前的Visual Composer)和UltimateAddons完全无缝集成。

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

下列高级插件与The7主题捆绑在一起。

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

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

玛芬集团的Betheme($59)

Betheme拥有500多个现成的预建网站和一键式安装,为您提供了无限的可能性。Betheme非常适用于投资组合网站。凭借其拖放功能,任何人(包括没有编码经验的人)都可以用它轻松建立专业的网站。

Impreza by UpSolution($39)

有了Impreza,你可以根据你的具体需求进行定制,没有任何限制。它是投资组合网站的完美选择。Impreza与220多个预制网页演示捆绑在一起,还配备了一个可视化的拖放构建器和一个一键式演示安装程序。

QODE的桥($59)

Bridge是一个视网膜多用途的WordPress主题,有超过500个演示和2个页面生成器,由QODE建立在引人注目的灵活框架上。

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

Kriesi的Enfold($59)

Enfold是一个由Kriesi设计的干净、超级灵活、完全响应的WordPress主题。Enfold可以用来设计任何类型的网站,从整洁的投资组合网站、商业网站、机构网站、在线商店等等。建立在Avia框架之上,Enfold提供一个多语言插件,包括20多种语言。

Jupiter X by artbees($59)

Jupiter X是你的多合一主题,可以快速创建轻松的像素完美网站。捆绑了Elementor页面生成器(世界领先的WordPress页面生成器),你可以直接使用WordPress定制器来定制Jupiter X。除此之外,你现在可以使用视觉编辑器毫不费力地建立你自己的页眉和页脚。

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

解码 by undsgn($59)

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

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

TheGem by CodexThemes($59)

TheGem是一个多用途、响应性强、高性能的WordPress主题,具有现代艺术设计,适合所有创意用途的网页设计。

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

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

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

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

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

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

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

要使用一个免费的主题,你必须通过登录你的WordPress账户找到该主题。把鼠标移到外观上,点击主题

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

"添加新的"页面,你可以看到特色主题,而且还有很多。你实际上可以过滤这些主题,以获得你想要的东西。

使用过滤器菜单,我们可以通过以下方式过滤主题:热门、最新和收藏。只需点击 "最新"过滤器,就会返回7656个主题结果。

如果你心中有一个偏好的利基,你可以使用搜索框。因此,要找到一个投资组合主题,你可以点击 "精选"标签,或在搜索框中输入 "投资组合",以查看所有投资组合主题。搜索返回863个主题结果。

你可以选择使用特征过滤标签进一步缩小搜索范围。

通常情况下,大多数时候使用该标签是不必要的,特别是如果你是一个初学者。不过,试试也无妨。让我们在主题标题下选择组合,在布局标题下选择三栏,然后点击应用过滤器

在这之后,我们现在只剩下346个主题。

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

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

现在你已经看到了如何过滤免费主题,在WordPress上获得你想要的主题。让我们看看如何使用其中一个免费主题Gridster-Lite设计一个投资组合网站。

使用Gridster-Lite免费主题

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

搜索并找到主题后,将鼠标悬停在它上面并点击安装。你可以预览一下,看看我们的网站会是什么样子。

安装完毕后,点击激活。

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

第4步:添加你的演示卷轴

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

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

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

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

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

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

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

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

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

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

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

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

进入设置->阅读

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

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

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

第5步:网站设计指南

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

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

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

最重要的是,记住你是为谁制作这个网站。你不是为自己做的,你已经知道关于你的一切。你是为那些想了解你的 业界人士制作的。他们想要一些关于你的简单信息,看到你的一些作品,以及联系你的方法。就是这样。任何不属于这些内容的东西都可能是不必要的。

单页与多页

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

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

多页网站是指你将网站分解成单独的页面,每个页面都有不同的用途。比如联系页,或者简历。然后,导航菜单将你转到适当的页面。

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

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

我实际上 用过的我为自己的作品集网站设计了一个多页布局,因为我在每个部分都有很多东西要写,我有一个关于我的短片的页面,一个有我个人简历的页面,我希望有一个专门的菜单选项来链接到我在bloopanimation.com上的博客。

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

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

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

目标

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

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

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

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

结束语+资源

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

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

祝你好运!

资源:

网站托管

  • Wix.com。适用于希望获得易于使用的预制解决方案的初学者。
  • Bluehost: 对于那些想要更多控制权,但不想花很多钱的人来说。
  • Kinsta。对于那些想要最先进的高级解决方案的人,并且不介意为其付费。

主题

文章