投资组合网站是展示所需内容的理想平台。可能是您销售的产品,完成的项目,获得的奖项,激发灵感的照片或引以为傲的艺术品。作品集网站将向目标受众推销您的产品,服务和技能。此外,它对生成潜在客户很有帮助。如果您是创意专家(网页设计师,艺术家,画家,作家,插图画家),那么设计良好的网站对于吸引客户和发展业务特别重要.
在本文中,我们将逐步介绍使用WordPress使用Total主题构建投资组合网站的步骤。首先,您应该知道Total主题包括用于投资组合的内置自定义帖子类型。因此,创建投资组合和添加投资组合项目更加容易。而且,如果您知道如何处理标准职位,那么为您创建投资组合将变得更加简单.
让我们开始吧!
Contents
步骤1:选择一个虚拟主机
在托管方面,有各种各样的托管选项可以适应每个口袋。但是,如果您选择其中一种,那就看看WPExplorer建议的WordPress托管解决方案。.
如果您刚刚入门,Bluehost是一个不错的选择,因为它以低廉的价格提供了大量资源-使用我们的链接时,价格甚至更低。您可以在第一年以2.95美元的价格购买Bluehost!
但是,如果您想轻松使用托管服务,那么Flywheel和WP Engine是周围管理最好的两个WordPress托管公司。两者都以合理的价格提供了出色的功能,而且您最好不用考虑服务器,因为它们可以为您提供一切服务.
步骤2:选择一个域名
使用主机注册服务器空间时,您需要准备好域名。您的域名是网站唯一的,您可以从诸如NameCheap和GoDaddy之类的注册商处获得这些名称。仔细选择一个名称,因为以后更改它会很麻烦.
步骤3:安装WordPress
安装WordPress很容易!使用托管主机时,已经为您设置了WordPress安装。如果您选择Bluehost,只需遵循一键式安装过程,几分钟后就应该准备好WordPress.
当您到达登录屏幕时,输入在安装WordPress时创建的用户名和密码,然后进入您的网站。到达那里后,您可以开始创建实际的投资组合网站.
步骤4:选择并激活主题
对于我们来说,这一步将很容易,因为我们将选择总计。我们认为这是您可以为任何项目选择的最佳主题之一,因为该主题具有大量功能和选项,可用于企业,慈善机构,投资组合等。借助简单的演示导入,您只需单击几下,便可以使用Total创建漂亮的投资组合网站,如下所示:
安装Total主题后,通过单击从控制台中激活它 外观>主题>添加新.
在此阶段,您可以选择-您可以使用以下方法从Total导入任何演示网站 演示导入器. 道达尔拥有40多个预建网站,包括投资组合演示。您可以选择任何演示,将其导入并向其中添加自己的内容.
只需选择所需的演示,然后按照屏幕上的提示进行安装,然后激活所有必需的插件并导入示例内容(帖子,帖子类型,小部件,菜单等).
步骤5:创建和编辑投资组合项目并创建投资组合项目列表
当然,您不必导入演示就可以开始使用,您始终可以从头开始构建自己的网站。使用Total主题时,轻松创建自己的投资组合.
但是在创建投资组合页面之前,我们需要创建将进入该投资组合的项目。使用Total,您有两种选择来创建投资组合项目.
选项1:按原样使用Total的投资组合
您的第一个选择是使用投资组合帖子类型,就像创建投资组合一样。在WordPress控制台中,单击 投资组合>添加新.
添加您的投资组合项目标题,标签,类别和任何文本内容。 Total支持各种内容类型–添加一个 特色图片 如果要显示单个图像,请将多个图像添加到 图片库 部分以创建滑块,或在其中添加音频或视频文件的链接 投资组合项目 部分。但是在所有这些情况下,您可能还希望在“主要”设置(左侧,右侧或无侧边栏)下选择页面布局,并为您的帖子设置一个特色图片,以用于投资组合网格,轮播和相关帖子。完成后,保存帖子.
下一步是 外观>自定义>组合 自定义投资组合档案页面(主要,标签和类别)以及单个投资组合项目页面。在这里您可以选择侧边栏布局,相关帖子计数并启用各种页面元素,然后将其拖放到所需的顺序中.
而已!只需添加更多项目即可填写您的投资组合.
选项2:使用Visual Composer构建自己的投资组合模板
如果您想更多地动手,可以使用Total的功能和Visual Composer页面构建器作为自己的设计师。 Visual Composer是一个可视页面构建器,可以帮助您使用拖放方法创建漂亮的布局。作为用户,这意味着您不必知道任何编码,并且可以真正享受Web的构建过程。道达尔(Total)免费提供该插件,激活主题后,您应该会看到一个提示,要求在网站上安装插件。只记得还要激活它.
从仪表板访问Visual Composer设置以设置插件。点击 Visual Composer>角色管理器 并调整设置。最重要的是,为您要使用的帖子类型启用作曲家。默认情况下,仅在页面上启用Visual Composer。也可以对投资组合文章类型启用它,以便您可以在Visual Composer的帮助下构建投资组合项目.
就像最后一个选项一样,您需要通过单击以下内容来创建新帖子 投资组合>添加新. 为您的帖子命名,选择类别或标签,在主设置部分下选择边栏布局并设置特色图片。保存您的帖子草稿。现在您可以开始构建!
您可以选择使用Visual Composer的前端(可视)或后端(块)编辑器开始编辑投资组合项目。我们更喜欢前端编辑器,因为您可以看到页面元素,自定义颜色,填充/边距等。但是无论选择哪种方式,只需选择Visual Composer 添加元素 按钮开始.
您会在元素库中看到所有可用的元素。除标准的Visual Composer元素外,Total在库中还有许多经过特殊设计的元素。您可以看到上面的快照使用了 图像滑块 和一个 文本框 创建投资组合项目。但是,您可以使用库中几乎所有其他元素.
完成编辑后,保存投资组合帖子,然后单击 发布. 如果您要创建许多类似的商品,甚至可以 保存模板 重复使用。要将布局另存为模板,请返回到后端编辑器.
单击Templatera按钮(看起来像一个灰色的小布局图标).
然后为您的模板命名并保存。要在新帖子上使用模板,只需单击Templatera图标以插入您保存的布局。或者,您可以将模板设置为给定帖子类型中所有新帖子的默认模板.
为此,请导航至 Visual Composer>常规设置 并为每种帖子类型设置首选模板。如果您打算在项目组合,人员等中添加许多项目,这将为您真正节省一些时间,因为所有标准页面元素都将自动为您插入并设置格式.
步骤6:创建投资组合页面
现在我们有了要显示在投资组合中的投资组合项目列表,是时候创建包含这些投资组合项目的页面了。以通常使用WordPress的方式创建一个页面。去 页面>添加新. 为新页面添加标题并保存.
接下来,单击要使用的Visual Composer选项-同样,您将可以选择使用前端编辑器或后端编辑器。这将打开实时拖放编辑器。点击蓝色 添加元素 按钮。我们将使用“投资组合网格”元素来构建我们的投资组合页面. 选择投资组合网格. 如果您要在投资组合页面上使用轮播,请选择“投资组合轮播”元素.
您可以调整“投资组合网格”元素中的设置,以微调“投资组合”页面的显示方式。您可以选择图像的大小,添加边框,为其加标题,指定类别,选择每页的顺序,列和帖子,启用分页,选择网格样式,添加摘录等等. 救 填写文本编辑器下方的设置选项后,进入“投资组合”页面.
即使进行更改,也可以查看更改。将更改保存到“投资组合网格”元素后,这就是我的投资组合页面在前端的外观.
步骤7:自定义投资组合
您可以使用实时WordPress自定义程序中的设置来设置面包屑,档案布局,单帖子样式,图像裁剪等选项。.
如果您要更改管理图标,请在帖子类型名称,子句和分类法上使用 作品集帖子类型编辑器.
步骤8:将投资组合添加到菜单
在投资组合网站上,将投资组合页面显示在主菜单中是有意义的,以便访问者可以直接访问“投资组合”并查看投资组合页面。要添加新的投资组合页面,请转到 外观>菜单, 选择投资组合页面,然后单击 添加到菜单.
现在,Portfolio在首页(以及启用了主菜单的任何其他页面)上都显示为易于访问的菜单项.
如果您希望将投资组合页面作为主页,只需导航至 设置>阅读, 将首页显示设置为静态页面,然后选择投资组合。十分简单!
整理起来
在网站的“投资组合”部分到位之后,您可能想要继续并将更多页面添加到您的网站。考虑一下联系页面,关于或服务,它们非常有用,并且是投资组合网站的必要组成部分。创建任意数量的页面,记住要在菜单中包含重要页面才能拥有完整的投资组合网站.
完成投资组合后,您可以开始为投资组合带来流量,优化图像甚至通过网站获利。您还有什么其他在线构建投资组合的提示?