WordPress第十六课：选择和打磨你的主题上

 现在关注，免费领取网站搭建教程

网站

SEO

建站

小程序

电商

网站建设学习：xyz_99499

如果你们只是记得一些孤立的事物，试图把它们硬凑起来，那么你们无法真正地理解任何东西。如果这些事物不在一个理论框架中相互联系，你们就无法把它们派上用场。        —-查理芒格

WordPress主题

我们已经创建了一个WordPress网站，并开始撰写内容博客。但是，我们的网站在外观方面还是比较丑。

这是因为每一个新的WordPress网站在开始时都会显得有些平淡无奇，而且和其他人刚创建的WordPress网站几乎一样。所以本文开始教你构建与众不同的主题。

一个好看的WordPress网站的关键是你使用的主题。从本质上讲，主题是一组文件，它控制着WordPress通过自定义展现你的内容，将其从数据库中的文本转化为美丽的网页。

你可以把主题看作是您的内容的视觉蓝图。主题告诉WordPress如何布局你网站的组件，使用什么颜色和字体，以及如何整合图片和其他图形细节。

每一个WordPress网站都有一个标准的主题。现在，你的网站可能使用的是简单的Twenty主题。在本篇文章中，你将学习如何增强Twenty主题，或者从WordPress提供的数千种主题中挑选一种时尚的新主题。

你还将看到如何选择小部件并将它们安排在你的网站上。掌握了这些技巧，你就可以开始将你的网站从标准的平淡无奇转变为令人眼前一亮的华丽。

主题如何运作

WordPress最牛逼的技巧之一是它动态生成网页的方式，通过从数据库中提取内容并将其组装成合适的网页。设定主题是这个过程的关键。

在一个老式的网站中，你在将网页上传到网络服务器之前就已经将网页格式化了。如果你想让你的网站在任何方面看起来不一样，你就必须更新你的页面并重新上传整个网站。

但在WordPress网站中，你的内容和格式化信息是分开的，你的主题格式化网站。因此，你可以通过编辑或改变您的主题来改变WordPress的页面样式，而不需要接触内容。下次有人请求页面时，WordPress会抓取相同的内容，并应用最新的格式化指令。

那么，一个主题是如何工作的？从技术上讲，一个主题是一个文件包。他们大多是模板，设置了你的页面结构。例如，模板文件header.php决定了你网站上每个页面顶部的标题是什么样子的（见图5-1），模板文件single.php则是为一个帖子组装内容。

每个模板都包含了HTML标记和PHP代码的混合物。如果你对这些网络基础知识感到模糊，只需知道HTML是编写所有网页的语言，而PHP是你可以用来创建动态内容的许多网络编程语言之一。在本篇文章中，你不会真正接触到模板文件，但你会在后面系列文章中学习如何编辑它们。

除了你的模板文件，WordPress还使用了一个名为style.css的样式表，它为你网站上的每一个标题、段落和字体提供格式化信息。这个样式表使用的是CSS（层叠样式表）标准，它格式化WordPress页面的方式和你今天在网络上遇到的几乎所有页面的样式表格式化方式是一样的。

这里没有特殊的WordPress魔法，但你可以编辑你的主题的样式表来添加特殊效果。

理解WORDPRESS官方主题

每个新的WordPress网站一开始都有一个默认主题。估计它是一个年度主题，是WordPress开发团队正式认可的几个标准主题之一。我们之所以称它们为年度官方主题，是因为WordPress每年都会发布它们（偶尔会跳过一年），并以它们出现的年份命名。

第一个年份主题被命名为”二十一”。随后是二十一主题，二十二主题，以此类推。在可预见的未来，WordPress将继续这种发布模式。

年度主题也被称为默认官方主题，因为大多数网站在开始时都会使用其中的一个主题。WordPress预装了最新的年份主题–目前，这些主题在表5-1中有所描述。

图5-1

每个WordPress网站都使用一个主题，而每个主题都包括一堆相互关联的模板文件，控制着你网站的不同部分。这里只是一个例子。

表5-1 WordPress官方年度主题

主题

它是什么样子的

Twenty Twenty

Twenty Twenty是一个现代主题，具有类似杂志的布局。它用大量的空间填充页面的侧面，但让报价，图片和其他元素扩展到空白处。它使用高对比度的文本（非常重的标题与轻得多的文本），有色背景，以及一个菜单，调整自己的移动设备。还有一个大的设计选择你可能不喜欢。Twenty Twenty不包括侧栏。

二十九

二十九是一个极简主义的主题，黑色排版裸白色的页面。干净，简单的布局，使它适合各种类型的网站，但其内置的自定义选项是有限的。像二十二十，二十十九不包括一个侧栏。

二十七

二十七是一个光滑的主题，善于展示大头图片。它支持一些有趣的花边，如在主页和视频横幅的自定义部分。你也得到了大量的whitespace（这里没有拥挤）。虽然Twenty Seventeen适合任何东西，但WordPress专家经常推荐它用于商业网站。

二十六

Twenty 16th使用了精简的经典布局（直白的页眉，侧栏与整齐排列的部分，简单的菜单），但增加了一些额外的装饰。例如，它让图片和拉引号扩展到页面左侧的空白空白处，这是一个很好的布局细节，适合新闻网站或严肃的博客。它还可以选择在页面周围设置一个实心边框，这是它一个略带复古的触感。

官方主题经常让WordPress的新人感到困惑。命名系统似乎暗示着旧的年份主题已经过时，而新的年份主题是它们的自然继承者。但事实并非如此。

首先，要明白每个年度主题都是一个新的创造。也就是说，十九并没有演变成二十，二十也没有取代十九。

同样，新的年度主题也不会取代旧的主题。WordPress明确指出，每个年度主题的目标是与众不同，展示新的功能。目标不是提供一个单一的万能主题，满足所有人的需求。例如，不是每个人都会坚持使用Twenty Twenty，因为它缺乏显示侧栏的功能。

当WordPress发布下一年的主题时，它将提供另一种新的风格，但不会取代之前的主题。不要受这些干扰，因为你即将学会如何让任何主题为你工作–以及如何在WordPress的庞大主题目录中找到更专业的主题。

为网站找到适合的主题

现在，你有一个基本的想法，主题是如何工作的，你已经准备好开始改善你的网站的外观。有几个路径，你可以采取改变你的主题的外观，这取决于你的改变有多大。你的选择包括这些。

换一个不同的主题。要给你的网站来个大变样，你可以选择一个完全不同的主题。通过这一步，你就可以获得新的字体、颜色和图形，新的布局，有时还能获得新的功能。WordPress提供了成千上万的选择。

调整主题设置。WordPress提供了许多有用的方法来个性化主题。这些选项取决于什么样的主题，但你通常可以改变主题的配色方案，改变标题图片，并转移布局。

自定义你的小部件。大多数WordPress主题都包含一个或多个你可以自定义的部分，比如侧边栏或页脚，你可以用一些内容（如图片、链接、菜单等）来储备。这些内容被称为小部件，您可以改变它们，重新排列它们，并添加新的内容。

编辑你的主题。高级WordPress爱好者可以在我们这个系列文章的帮助下，破解打开他们的主题文件，在代码上进行工作，并进行更多实质性的修改。最简单的修改是对格式化你的页面的CSS样式进行微调。主题极客们可以改变他们网站的几乎每一个细节。

接下来，你将开始探索这个列表中的前三个任务。但硬核主题编辑要等后面几篇文章，赶紧关注我，不错过精彩内容。

选择主题

当你在学习如何使用WordPress时，你可以使用官方主题。这样一来，你就不会搞不清哪些功能是WordPress的一部分，哪些细节是由你的主题添加的。但在我们这个系列文章结束，你可以尝试一些你喜欢的个性主题。

WordPress中还有一类，它们被称为第三方主题。这个名字反映了一个事实，即WordPress并没有制作这个主题，你也没有制作这个主题，而是由第三方制作的。虽然WordPress并不拥有第三方主题，但它通过主题库帮助发布它们–接下来会给你做演示。

选择一个主题是你对你的网站的视觉外观做出的重大选择。主题决定了重要的设计细节–例如，WordPress在页面中使用图形、字体和颜色的方式，以及页面的整体布局。它还决定了WordPress展示关键成分的方式，比如文章的日期、文章的类别和标签信息，以及客人用来浏览你的档案的链接。一个硬核的WordPress主题几乎可以重构你网站的每一个视觉细节（图5-2）。

图5-2

Greyzed主题创造了一种灰暗的效果，看起来像石头上的衬纸。每个设计细节–从菜单的外观到小部件的标题–都与普通的WordPress网站不同。

WordPress为特定类型的内容定制了一些主题。你可以找到旅游博客、照片博客和杂志式新闻博客的定制主题。甚至还有一些主题非常倾向于特定的主题，包括一个用于协调和庆祝婚礼的主题（称为Forever）和一个看起来像老式Mac桌面的主题（称为Retro MacOS）。下图5-3显示的是后者。

主题也会以微妙而深刻的方式影响你的网站的工作方式。例如，一些主题用图片平铺你的文章，而不是把它们放在一个从上到下的列表（这是伟大的，如果你想让你的网站显示一个可交互组合，而不是一个文章列表）。或者你的主题可能会包括一个花哨的装饰，比如特色文章的幻灯片。

即使你使用标准的WordPress主题，但也值得尝试一些其他的。正如您所看到的，改变主题会对网站外观产生深远影响，但这样做几乎无成本。

提示如果你是一个有风格意识的网站设计师，想拥有一个独特的主题，你可以自定义任何主题。

图5-3

一个老派的Mac爱好者的主题可能是一个普通的网站。但这个主题在这个以Mac为中心的样本网站上得到了很好的效果。

WordPress主题的一个限制是，在网络空间的某个地方，肯定会有很多其他网站和你使用相同的主题。这并不是一个大问题，只要你愿意在一些小方面定制你的网站–例如，通过改变颜色，选择一个合适的标题图片，等等。

关注我们，收获更多干货！