如何利用WORDPRESS创建一个作品集网站

Posted in 博客

 


缺乏专业的作品集网站知识会严重影响到你所吸引的客户或雇主的类型——尤其是当你是一个自由职业者的时候。许多人因为他们认为这太复杂或者不知道从哪里开始,所以对这一步骤并没有给予应有的关注。但实际上,在WordPress上创建一个看起来专业的作品集网站是小菜一碟的!

WordPress是自由职业者的完美解决方案。它拥有所有你需要的东西——无数的可用主题和插件以及可以提供大量额外的功能。

在我们结束这篇文章的时候,您将知道如何在WordPress的八个步骤中创建一个基本的作品集网站——我们将从入门开始,特别是对于那些不熟悉web主机和WordPress安装等方面的人。让我们开始吧!

 

1.选择一个好的WordPress主机


在过去,我们已经讨论过这个话题,但是如果你想继续深入了解,以下是你在选择一个WordPress主机时需要记住的四件事:

  1. 可伸缩性:您的主机应该能够处理高要求的站点,以防您将来想要开发新的项目。
  2. 安全性:一个好的主机应该要认真对待web的安全,并提供一些技术来保护您的安全。
  3. 支持:这一点至关重要。如果您的站点出现问题,您将希望获得一个可靠的支持团队。
  4. 声誉:每个网络主机都会有它的批评者,但是总体来说,你会更想要一个有良好记录的网站。

如果我们现在只是给你们建议一个主机,然后说“在这里注册”,我们就会给你以后带来没有必要的麻烦。相反,你应该看看我们最近的大型WordPress托管调查,并利用这些信息做出决定。

现在让我们开始安装WordPress吧。

 

2.安装WordPress


这个过程可能看起来有点不同,这取决于您所选定的web主机,但是基本步骤是基本不变的。在您与提供者签约之后,您将获得对托管计划的私有cPanel的访问权限。这里面可能包括安装WordPress的一个点击选项,或者是Softaculous应用的安装程序:

 

点击“软件安装程序”图标,在接下来的页面上找到WordPress选项。然后,点击Install Now开始流程:

在下一个页面上,将提示您填写您的WordPress站点的详细信息,包括它的名称、描述、帐户名称和密码等。其中大部分是不言自明的,但出于安全原因,请记住更改默认的admin用户名和数据库名称:

 

一旦你点击安装,并耐心等待几分钟,你就创建了你的第一个WordPress站点!接下来,我们将把它变成一个漂亮的作品集网站。

 

3.找到并安装正确的主题和插件


这一步比其他的指南更加开放,原因很简单,我们不能为您自己的需要选择完美的主题和插件。为了本教程的目的,我们将使用Zerif Pro主题作为我们的基础:

 

当Zerif Pro是一个完美的选择时,我们便会敦促你继续寻找一个适合你的主题。你可以选择一个多用途的主题(如Zerif Pro),或者寻找适合于视觉组合的东西。只要你的主题有像样的评级和良好的文档,那就可以了。

处理插件也有类似的问题。随意抛出插件的建议是不负责任的(尽管有些是绝对必要的)。然而,我们可以教你如何发现那些是更好的并且是免费的插件。一旦你了解了这一点,你就可以深入到官方的插件目录,看看你感兴趣的插件是什么。

在你找到完美的主题和合适的插件之后,你需要安装它们。

要做到这一点,你应该从WordPress仪表盘开始。您可以通过访问YOURSITE.com/wp-admin来访问它。登录并熟悉仪表板:

我们已经有了一些额外的选择,但现在不要担心这些。相反,请注意外观和插件选项卡。单击外观,在下一个页面上,您将找到一个“添加的新选项”。点击它会让你进入一个新的页面,你可以选择一个WordPress的默认主题或者上传一个新的。

选择上传主题会时提示你“在你的电脑上找到你下载的主题”。然后选择该文件夹,单击Install Now,然后您就全部设置好了。

如果你要安装任何插件,这个过程都是非常相似。这一切都在“插件选项卡”里面,而不是出现在“主题选项卡”中。下面是我们关于如何安装WordPress插件的深入指南。

Lsatly,请记住,你的新主题和你安装的任何新插件都需要被激活才能工作。如果您跳过激活,您的主题和插件将无法运行。

在我们的例子中,我们安装了Zerif Pro主题,并没有为本教程添加额外的插件,以保持教程的简洁。

 

4.建立一个标题


我们已经安装了WordPress和一个工作主题,现在是时候创建我们的portfolio页面了。它的第一个组件将是一个标题——一个简单的全宽度图像,并带有一个清晰的消息和一个对访问你的站点的潜在客户的行动的调用。

头部到外观>自定义,并看看这个盒子里的主题是怎样的:

让我们使用这个大标题,并根据我们的需要去调整它,使用WordPress定制器——一个可以调整你的主题到你想要的地方的选项。这包括三个步骤:

  1. 在内容中替换文本。
  2. 调整文本的第一个按钮,并在同一段中删除第二个按钮。
  3. 在视差标签下上传新图像并打开效果。这使我们可以使用图像作为背景而不是简单的颜色。

以下是实施这些调整后的结果:

这是我们的标题,准备行动吧,我们将在最后看到这整个网站。您会注意到下面的按钮是没有链接到这个阶段的任何地方——我们稍后将修复它。

 

5.建立一个项目展示页面


项目展示页面是任何一个作品集网站在WordPress上的核心和灵魂。它本质上是您最新项目的一个集合显示,每个条目都有链接。Zerif主题包含一个称为Portfolio的自定义post类型,它使您能够从仪表板中添加新项目:

在本例中,我们添加了我们之前的四篇文章,并为每个文章都设置了特色图片。一旦设置成功,这些将出现在您的主要作品页面中:

除了创建四个独立的项目之外,我们还要使用WordPress定制器:

  1. 我们在标题下面添加了一个新的Portfolio部分。你可以在Zerif中通过一个下拉菜单在section order选项卡中完成。
  2. 我们在Portfolio部分的Content选项卡下修改了主标题。
  3. 我们在Portfolio custom posts部分的每个项目中添加一些特色图片。
  4. 最后,我们在lightbox中启用了Open portfolio 。这是一个在Settings选项卡下的选项。这样,您就不需要为每个项目创建单独的页面来启动和运行。只要给你的作品配上一个好的外观,在必要的时候把每一页都显示出来。

接下来,我们将处理和添加一些额外的内容——特别是关于“我”的部分的内容。

 

6.建立一个关于自己的部分


我们已经在我们的网站中取得了很大的进展,但是我们仍然需要把事情具体化。一个很好的方法就是让你的访客了解你是谁——例如,雇主想了解你的是一个怎样的人。为了做到这一点,我们将使用Zerif Pro将所有信息划分为几个部分:

这些类型的项目被称为blurb,它们是Zerif的一部分,是定制器中的重点部分。以下是你需要遵循的步骤:

  1. 使用section order选项卡,将我们的重点部分添加到您的portfolio页面。
  2. 输入我们的重点部分,并将标题下的内容更改为“关于我”。
  3. 在我们的重点小部件下创建三个(或多个)单独的小部件。每个都应该包括一个标题,包含一些正文,和一个来自你的WordPress媒体库的图片。

现在我们来看看成品的外观:

看上去很不错!我们已经接近尾声了;现在是时候处理我们的网站的最后一个问题了——联系表单。

 

7.建立联系人表单

既然你已经在雇主面前展示自己了,是时候让他们联系你了。当然——你可以把你的电子邮件放在那里,但是联系人表单看起来更加专业。下面是如何做的方法。

首先,Zerif包含了一个Contact Us部分,但是如果您正在寻找另一种方法,我们推荐盗版表单插件。如果您使用的是Zerif,请跳转回定制器,并在section order选项卡中添加一个Contact Us部分,就在“我”这个项目之后。然后进入它,进入设置,并将你的电子邮件地址输入相关领域:

本节中包含的联系人表单是非常适合我们的,所以我们需要做的就是编辑它的标题。我们可以使用主内容选项卡:

在进入最后一步之前,返回到大标题部分,进入内容,并在第一个按钮链接下添加联系人。这就是所谓的锚文本,它会把你的调用链接到下面的联系人表单。

接下来,是时候把我们的网站看作一个整体。

 

8.在WordPress上充实你的内容


花点时间回顾一下你的工作——我们刚刚在WordPress上建立了一个简单、专业的作品集网站。

接下来会发生什么取决于你。首先,你会想要阅读关于Zerif的所有内容,无论是添加更多的项目,还是为每个内容创建单独的页面,还是在新的部分中进行操作。

 

结论


在WordPress上的一个优秀的作品集网站可以吸引更多的潜在客户。它为雇主提供了更好的助力,以使你能在竞争中脱颖而出。但整个过程需要一段时间——特别是如果你不熟悉WordPress的话。但是正如我们所展示的那样,它是可以通过最少的努力去实现的。

以下是你需要遵循的八个基本步骤,以便更好的建立一个作品集网站:

  1. 选择一个好的WordPress主机。
  2. 安装WordPress。
  3. 找到并安装正确的主题和插件。
  4. 建立一个标题。
  5. 建立一个项目的展示页面。
  6. 把关于我的部分放在一起。
  7. 建立联系表格。
  8. 充实你的WordPress网页。

 

Start typing and press Enter to search

Shopping Cart