如何选择完美的WordPress主题

导语:你是否曾经选择了一个WordPress主题,然后开始组建一个网站,结果却发现自己选错了主题?由于已经投入了金钱和时间,切换可能是不可能的,你可能会被困在一个主题上,如果没有这个主题,你会过得更好。

选择一个主题有点像选择一辆汽车:很容易被漂亮产品的美观和力量分散注意力,最终得到一辆敞篷式双座轿车,而你真正需要的是一辆可靠的轿车,五个人的舒适座位。

我发现自己至少有几次处于这种情况。反复试验使我开发了一个非正式的系统,用于定义项目需求,并在做出承诺之前评估和比较候选主题。在本文中,我将描述我用于主题选择的过程,以及如何使用它来增加选择适合你下一个WordPress项目的主题的机会。

清楚你想要构建的是什么

在你确切地知道你要构建的是什么之前,永远不要选择一个主题。选择主题很有趣,但规划网站内容是网站创建过程中最重要的部分,也是最需要自律的部分。

内容第一,主题选择第二。

一个网站要想有效,必须把内容放在第一位。在开始查看主题之前,先定义网站的目的、整体结构以及将用于构建网站的媒体和文本资源。

创建一个目录,其中包含网站将包含的所有页面以及每个页面将包含的内容。要尽可能详细。例如,如果你要创建一个商业网站,其中将包含一个突出显示关键公司员工的页面,则对该页面的描述可能如下所示:

员工页面:四名执行员工的个人资料。每个个人资料将包括一张照片,一份125到150字的个人简介,以及一个或两个社交图标。

使用此信息可以确定主题所需的功能。然后,当你购买主题时,请回过头来参考此列表,以确定包含对你计划使用的功能的内置支持的主题。

这一步的关键是找到为做你想做的事情而构建的主题。当你试图扭曲主题以适应你的愿景时,错误地应用一个主题是一种挫败感的秘诀-这是一个它从未打算实现的愿景。

WordPress主题目录中的许多最受欢迎的主题,如Sydney,都非常美观,非常适合作为创意机构的作品集网站。如果你正在建立一个博客,你会更乐于避免像Sydney这样的主题,而更喜欢考虑到你的项目类型而设计的主题,比如Twenty Sixteen

你能强迫像Sydney这样的主题成为博客吗?好的。然而,如果你使用合适的主题来构建的网站,那么你将会更快地启动和运行。

了解你要找的是什么

项目预算和时间进度将会有很多关于你能在网站上花费多少时间的信息。根据项目的需求和可以花在完善成品上的时间,你可以考虑三种不同类别的主题。

如果你需要从头开始,主题框架是不错的选择。“Genesis”和“ Thesis”都是可靠的产品,你可以在上面建立任何类型的网站。通过一些练习,你将很快就能很好地使用你喜欢的框架创建站点。但是,如果速度是最重要的因素,你可能希望跳过框架而选择一个主题,或者选择为你喜爱的框架预先构建的皮肤或子主题。

另一个选择是功能齐全的主题,旨在与开箱即用的功能一起使用,只需要最少的修改。你可以选择一个独立的主题,比如前面提到的Sydney主题,也可以为你喜欢的框架选择一个预构建的皮肤。

最后,如果你不想用框架从头开始构建主题,并且找不到开箱即用的完美主题,你可以选择一个可以轻松定制的主题或框架皮肤。几乎不用说,框架皮肤被设计成易于使用。然而,主题却并非如此。有些很容易定制,而另一些则很难定制,可能很容易损坏。在本文的最后部分,我们将探索一些方法来确定定制主题有多容易,以防你想走这条路。

忽略演示内容

当你把一个网站放在一起时,你会有特定的内容要处理。你将集成精心选择的图像、图形、视频和文本。进入网站的每一条内容都会有一个特定的目的。

当主题设计师将演示站点组合在一起时,他们不会面临相同的限制。他们的目标是让网站在视觉上尽可能吸引人,并利用所有可用的主题功能。他们可以使用尽可能多的LOREM、IPSUM和他们想要的库存照片来实现这一点。

当你观看演示时,请记住你不是来评估演示内容的。你需要评估该主题是否适合你的需求。

注意演示功能

虽然你应该忽略演示站点的内容,但你应该仔细关注演示功能。

回到我们关于员工配置文件的示例,看一下创建配置文件的具体方式的演示。演示中是否包含可轻松用于此目的的功能?

Zerif Lite是WordPress主题目录中的一个主题,它提供了一个针对这一需求的功能。

需要注意的一些最重要的主题组件包括:

  • 站点导航的布局:NAV元素将具有一定程度的灵活性,但要确保总体设计符合你的要求。例如,如果你需要mega菜单,如果你选择一个支持它们的主题,那么构建它们就会容易得多。
  • 如何处理网站品牌化:如果你已经有了要使用的徽标和标语,请确保它们与主题中的品牌定位和大小相符。
  • 无论特性是由主题本身驱动的,还是由插件驱动的:你应该更喜欢提供由插件支持的特性的主题。这样,如果你必须切换主题,大多数功能将保持正常运行。回到我们的超级菜单示例,对于一个主题来说,包含Max Mega菜单插件要比使用内置主题功能的超级菜单更好。
  • 自定义主题的方式:你是希望使用可视化编辑器(如Visual Composer或前期编辑器),还是更喜欢手动编写CSS规则来修改网站演示文稿?如果你有强烈的喜好,请确保主题与你的喜好相符。需要避免的一个错误是使用可视化编辑器构建的网站手动编写CSS规则。

获得不偏不倚的意见

一旦你确定了几个适合你的内容并提供所需功能的主题,你可以使用几种不同的测试来比较这些主题的技术性能。

一种选择是通过Pingdom的网站速度测试来运行主题演示站点。在这一点上,不要太担心加载时间或页面大小,除非你得到令人震惊的结果。根据主机设置和位置以及在演示站点上实施的缓存和压缩,网站加载时间可能会有很大差异。由于使用非常高质量的图像和视频背景,演示站点的页面大小通常非常庞大。最需要关注的指标是发出的HTTP请求的数量和总体性能等级。

如果你在测试过程中发现你确实想使用的主题或框架表现不是很好,请将其视为需要选择一个好的缓存和压缩插件(如Hummingbird)的提醒,而不是直接拒绝该主题的理由。

评估主题时使用此测试结果的最佳方式是比较候选主题的基础。例如,如果你已经决定使用Zerif Lite或OnePress,那么根据此测试的结果,你可能认为OnePress有些优势,尽管这两个主题实际上测试得都很好。

另一个可以用来评估主题的工具是Google PageSpeed Insights。再说一次,你要找的并不是特定的基准。在此测试中运行你正在考虑的所有主题,并比较结果。在此过程中,根据你选择的主题,使用测试结果确定你需要解决的性能问题。

看看内核代码

你最不想做的事情就是了解一下使用主题是什么感觉。许多主题都提供了管理区预览。花几分钟时间查看此预览,了解使用此主题会是什么感觉。如果主题或框架包含可视化拖放编辑器,请查看是否可以找到编辑器的实时预览,然后花几分钟修改网站元素的位置和外观。

如果你要编写自定义CSS来修改主题,请打开主题演示站点并使用开发人员工具查看CSS文件。我们的目标是了解定制网站的难易程度。以下是我在评估主题CSS时要考虑的几件事:

  • 使用了多少行CSS?主题的CSS行从几百行到几千行不等,这并不少见。虽然不是绝对原则,但对CSS规则较少的主题进行手动编辑通常更容易。
  • 使用了多少CSS文件?大多数主题都会从少数几个CSS文件中提取CSS规则。但是,如果你计划进行手动编辑,则涉及的文件数量越少越好。较少的文件往往表示组织更好的代码库,并且更容易操作。
  • 重要的!被使用了多少次?虽然几乎所有主题都可能至少几次使用此值覆盖标准CSS继承,但如果你计划进行手动编辑,并且发现某个主题使用此值几百次,则可以预计手动修改会很困难。

要了解通过手动编写CSS规则编辑主题表示有多容易,一种方法是选择要修改的元素,并使用开发人员工具中的样式窗体实时编辑演示站点,并计算出选择该元素并进行所需修改所需的具体程度。

主题选择标准列表

我们已经介绍了很多方面。为了简单起见,下面是本文讨论的列表:

  • 内容是第一位的,设计是第一位的。开始定义主题将展示的内容的过程。
  • 定义你要查找的主题类型:主题框架、按原样使用的功能齐全的主题或可定制的主题。
  • 评估主题演示站点,寻找根据你的项目类型设计的主题,其中包括你计划使用的功能。
  • 使用Pingdom的网站速度测试和Google的PageSpeed Insights等测试来比较候选主题的性能。
  • 尝试一下内置到主题或框架中的可视化编辑器,如果没有可视化编辑器,则评估主题的CSS代码库。

在浏览完该列表之后,你应该已经准备好选择最适合你的项目的框架或主题。

发表评论

邮箱地址不会被公开。 必填项已用*标注