作品集网站是展示任何东西的理想平台,可能是销售的产品、已完成的项目、获得的奖项、激发灵感的照片,或者引以为傲的艺术品,这有助于向目标受众推销你的产品、服务和技能,并且还能生成潜在客户。如果你是一位富有创造力的专业人员(设计师、艺术家、画家、作家、插画家等等),则设计良好的网站对于吸引客户和发展业务尤为重要。
在这篇文章中,我们将逐步介绍使用Total主题构建一个WordPress作品集网站。这个主题包含自定义文章类型,在创建和添加作品集时更加容易,而且,如果你知道如何处理标准文章类型,所有工作将变得更加简单。
1. 选择一个虚拟主机
在网络托管方面,有很多知名品牌,如果你不知道如何选择,请查看我们推荐的托管解决方案。
如果你刚刚入门,Hostinger、SiteGround、BlueHost都是不错的选择,以低廉的价格提供大量资源。但是,如果你希望更轻松地运营网站,Kinsta、WP Engine、Flywheel都是专注于WordPress托管的最佳选择,他们都以合理的价格提供出色功能,并且为你处理好所有事情,让你无需考虑服务器的升级、性能、安全等问题。
2. 挑选一个域名
当你注册好服务器空间时,还需要购买一个域名。域名对于你的网站是唯一的,你可以从GoDaddy、NameCheap等注册商那里获得,请仔细斟酌每一个可用的名称,因为后期更改将会非常麻烦。
3. 安装WordPress
安装WordPress非常简单!当你使用虚拟主机时,托管商已经为你提供大量一键安装功能,WordPress也是如此。点击按钮之后,只需等待几分钟,你的网站就能够准备就绪。
然后,打开网站并进入登录页面,输入在WordPress安装过程中创建的用户名和密码,进入管理后台。在这里,你可以发挥创意、打造独一无二的作品集网站。
4. 选择并激活主题
这一步非常容易,作为示例,我们在ThemeForest上选择并购买Total主题进行演示,这是世界上最受欢迎的高级主题之一,具有大量功能和选项,可用于博客、企业、作品集、慈善机构等项目。
凭借简单的演示导入,只需点击几下按钮,你就可以得到一个漂亮的作品集网站,就像下面这样:
购买主题之后,转到WordPress仪表板,打开菜单外观→主题,然后点击添加按钮以上传并启用:
Total是一个高级主题,为了解锁全部功能,你还得输入激活码。转到菜单Theme Panel→Theme License,输入对应的激活码,然后点击Activate your license按钮即可:
值得注意的是,Total主题默认是最小化安装,有些附加组件并没有启用。接下来,我们安装主题的核心功能,转到菜单外观→Install Plugins,点击Total Theme Core单元格的Install链接以解锁核心功能:
现在,你可以选择使用Demo Importer导入任何演示站点,Total主题拥有数量丰富的预设的网站模板,其中包括作品集演示,你可以挑选任何一个模板,然后添加自己的内容:
请注意,如果你在
Demo Importer
页面遇到了类似下面的错误提示:
Important: Your server's max_execution_time is set to 30 but some demos may require more time to import, especially on shared hosting plans. We highly recommend increasing your server's max_execution_time value to at least 300. This can be done via your cPanel or by contacting your hosting company.
只需在WordPress网站的根目录新增一个名为php.ini的文件,然后添加以下内容即可:
max_execution_time = 600
选择好心仪的演示之后,按照屏幕上的提示进行安装,然后激活所有必要插件,并导入示例内容:文章、页面、分类、菜单、小部件等等。
5. 创建作品集项目
当然,你不必导入任何演示就可以开始,这相当于从头开始构建网站,Total主题可以帮助你很容易地创建作品集。但在这之前,我们需要创建进入作品集的项目,Total提供2个选项来实现这个目的。
1. 使用自定义文章类型
第一个选择是使用作品集文章类型,就像创建文章一样。在WordPress仪表板中,点击Portfolio→Add New菜单:
添加作品集项目的标题、标签、类别和文本内容,Total支持多种内容类型:
- 如果你想显示单个图像,只需上传一张特色图片
- 将多个图像添加到Image Gallery部分,可以创建一个滑块
- 或者,在Portfolio Item部分,添加一个音频或视频文件的链接
对于所有这些情况,你可能还希望在Main选项卡下设置页面布局(左侧边栏、右侧边栏、无侧边栏),并为你的作品集项目设置一张特色图片,以便用于作品集网格、轮播和相关文章。项目编辑完成后,点击屏幕右上方的发布按钮。
接下来,按照同样的方法添加更多项目。然后转到外观→自定义→Portfolio,自定义作品集归档(主要、类别、标签)和单个项目页面,在这里,你可以选择侧边栏布局、动态模板,并启用各种页面元素,然后按顺序进行拖放:
2. 使用WPBakery Page Builder构建作品集模板
如果你想更多地手工操作,则可以借助Total的强大功能和WPBakery Page Builder的灵活选项成为一名设计师。
WPBakery Page Builder是一个可视化页面编辑器,允许你使用拖放操作创建漂亮的网页布局。作为终端用户,这意味着你不必知道了解任何编码知识,并且能够真正享受网站构建的乐趣。Total免费提供这款插件,激活主题后,你应该会看到一个提示,要求在网站上安装并激活插件。
从WordPress仪表板访问以设置插件,转到WPBakery Page Builder→Role Manager,然后进行调整。最重要的是为指定文章类型启用编辑器,按照下图所示勾选(别忘了点击Save Changes按钮):
接下来,与上述选项一样,点击Portfolio→Add New菜单创建一个新项目,输入名称,选择类别和标签、在Main部分选择侧边栏布局、设置特色图片,然后点击保存草稿按钮,现在可以使用编辑器开始构建了!
你可以使用WPBakery Page Builder的Frontend(可视化)或Backend(块)编辑器来修改作品集项目,我们更喜欢可视化的Frontend编辑器,这可以看到页面元素、自定义颜色、填充/边距等等。但是,无论你使用哪种方法,只需点击Add Element按钮即可快速上手:
你将在Element库中看到所有可用的页面元素,除了标准的WPBakery Page Builder元素之外,还有很多经过特殊设计的Total专用元素。完成编辑后,保存作品集项目,然后点击发布按钮。
如果要创建大量类似的项目,你甚至可以保存模板以供重复使用。要将布局另存为模板,请返回到Backend编辑器,只需打开WordPress仪表板,转到Portfolio→Portfolio,然后点击项目列表中的编辑链接:
点击Backend Editor按钮打开编辑器:
然后点击Templates按钮(看起来像一个布局图标):
在弹出的窗口中给模板命名并保存。要在新项目上使用模板,只需点击Templates图标并插入已保存的布局,或者,你还可以将某个模板设置为特定文章类型中所有新项目的默认模板。为此,请导航至WPBakery Page Builder→General Settings,然后为每种文章类型设置首选模板:
6. 创建作品集页面
我们已经拥有项目列表,现在需要创建一个作品集页面将它们显示出来。转到页面→新建页面,添加标题并保存,然后点击WPBakery Page Builder按钮:
接下来,选择要使用的编辑器之一 —— Backend Editor或Frontend Editor(我们以前者作为示例),这将打开实时拖放式编辑器,点击蓝色的Add Element按钮新增元素:
我们将使用Portfolio Grid组件来构建作品集页面,如果你要使用轮播效果,请选择Portfolio Carousel组件:
你可以调整Portfolio Grid中的各项参数,以便微调作品集页面的显示方式,包括图像大小、添加边框、添加名称、指定类别、启用分页、网格样式、添加摘要等等:
每当你进行修改时,都可以实时预览最新的设计外观,保存Portfolio Grid中的所有调整后,再点击屏幕右上角的发布或更新按钮以保存页面,这是我们的作品集页面在网站上呈现的样子:
7. 自定义作品集
借助WordPress的自定义程序,你可以设置面包屑导航、归档布局、单篇文章样式、图像裁剪等选项。如果要更改管理图标、文章类型、分类、标签或Slug,请转到WordPress仪表板的Portfolio→Settings页面:
8. 将作品集添加到菜单
将作品集页面显示在主菜单中是很有意义的,这有助于访客更快找到你的作品。转到外观→菜单,先创建一个菜单,然后添加作品集页面,并勾选自动添加新的顶级页面到此菜单和Main/Header,别忘了点击保存菜单按钮:
现在,作品集将显示为主页(以及启用了主菜单的任何其他页面)上易于访问的菜单项:
如果你希望将作品集页面设置成主页,只需转到设置→阅读,将主页显示设置为静态页面,然后选择作品集即可,非常简单!
总结
完成网站的作品集功能后,你可能想要继续前进,并将更多页面添加到网站中,考虑一下联系表格、关于我们、在线服务等页面,它们非常有用,并且都是作品集网站的必要组成部分。
接下来,创建任意数量的页面,然后你可以开始为作品集带来流量、优化图像、甚至通过网站获利。
成为一名自由程序员是一个相当有利可图的前景,尤其是对于渴望自由和主宰自己 ...
如果你正在寻找赚钱的方法,首先应该考虑自己的特长、爱好,以及喜欢做的事情 ...
自从成立以来,TikTok
一直是广受欢迎的社交媒体平台,人们被轻松、简短 ...
让我们面对现实,软件工程师的工资相当高,与大多数其他职业相比,更容易过上 ...
几年前,我们意识到很多开设网站的博主们正在赚钱,有些甚至赚到了巨额数字。 ...
博客是一个可以定期发布和分享内容的在线平台,就像一本数字日记或在线日记, ...