如何自定义 WordPress 主题
已发表: 2020-07-24WordPress 内置了多种主题。 在某些情况下,标准主题非常适合您网站的外观,但在其他情况下,您可能需要更个性化的外观。 换句话说,您想要自定义您的网站。
自定义 WordPress 主题的选项会根据您想要更改的内容和您的技术知识而有所不同。 在本文中,我们将重点介绍您可以对网站进行更改的不同方式,以使其外观和功能符合您的要求。 关键是为您找到正确的选择。
您的 WordPress 主题控制什么?
当您考虑自定义时,了解您的 WordPress 主题控件是一个很好的起点。 主题会影响您的网站及其内容的显示方式。 这包括字体、颜色、网站布局、小部件位置以及帖子或档案的样式等功能,以及其他基于样式的详细信息。
确定为什么要自定义 WordPress 主题
在你开始改变你的主题之前,重要的是要确定这种愿望背后的原因。 如果您正在寻找对网站外观的简单修改,那么可以通过 WordPress 提供的功能来完成。
如果缺少它的功能,那么您正在寻找的是正确的插件。 插件是扩展您网站功能的软件。 WordPress 有大量可用的插件数据库,因此浏览这些选项是个好主意。 您可以使用正确的插件添加的一些功能特性包括社交媒体集成、搜索引擎优化 (SEO) 和添加更多小部件。
您可以通过访问 WordPress 仪表板并查找“插件”类别来找到插件。 在那里,您可以搜索适合您需求的那些。
自定义主题之前应采取的预防措施
您已经花费了大量时间来构建您的网站,因此您最不想做的就是在尝试进行更改时损坏它。 如果您通过 WordPress 提供的功能进行更改,则不应有任何顾虑,但仍需谨慎行事。 建议您一次进行一项更改,以便在您不喜欢该效果时可以轻松恢复到原始状态。
如果您使用我们在本文中进一步讨论的更高级的选项,建议您使用站点的本地开发版本。 通过这样做,您将保护它,并且您将能够在完全实施之前调整您的更改。 您还应该使用临时站点,以便在正式启动更改之前测试更改的功能。
当您在高级级别自定义主题时,您正在制作它的另一个版本。 这就是适当的版本控制发挥作用的地方。无论您是简单地为每个版本编号还是使用服务来帮助您跟踪它们,您都需要能够确保哪些内容适用于您的站点。 如果您修改主题并发现故障,应该很容易恢复到原始主题。
如何使用 WordPress 自定义功能
对于颜色、字体和小部件布局等简单的主题更改,您应该查看 WordPress 的主题自定义功能。 登录网站后,您可以访问仪表板和“自定义”链接。 在该类别下,您将看到使用 WordPress 定制器修改网站外观的选项。 在那里,您将了解您正在使用的主题的自定义可能性。
有些主题比其他主题有更多的选择,但最近,WordPress 已经包含了具有多种可能调整的主题。 建议您先尝试这条路线。 虽然这是一个相当简单的修复,但它可以为您提供您正在寻找的设计。
在寻找更改主题的方法时,您可能还会在“外观”类别下遇到所谓的“主题编辑器”。 此选项使您可以直接访问主题中的文件,以便您可以编辑它们。 这听起来正是您所需要的,但有两个重要原因建议您不要管它。
首先,如果您使用的是第三方主题,您所做的任何更改都将在下次更新时丢失。 您网站的主题和其他方面会不时更新,以确保您的网站保持安全并与 WordPress 兼容。 不建议您选择退出更新,因此丢失更改是不可避免的。
其次,即使你精通网页设计并且熟悉 CSS 或 PHP,也可能会出错。 如果您使用主题编辑器,文件更改可能会彻底破坏您的网站。 由于您直接对主题进行了更改,原始版本将不再存在,您将无法恢复到未修改的站点。
如果你想从根本上编辑你的主题,代码编辑器是你最好的选择。 对于第三方主题,建议使用子主题。 您将进一步了解有关这些选项的更多信息。
如何使用页面构建器自定义您的主题
这是另一个易于使用的选项,可帮助您自定义 WordPress 主题。 页面构建器是根据您使用的主题安装的插件。 该插件需要与您的主题兼容,因此请务必进行研究,以使事情顺利进行。
当您使用页面构建器插件时,您会看到拖放功能,可以轻松获得真正自定义的外观。 在移动东西时,您将实时了解您的网站及其内容在完成后的外观。 页面构建器是一个不错的选择,因为它们提供了更大的灵活性,但仍然对用户友好。
如何使用框架来定制你的主题
框架是页面构建器的替代品,但通常同样易于使用。 使用框架,您将拥有一些已分组的主题。 在这个组中,有一个主题被称为框架。 该组中的其他主题称为子主题。

通过更改与框架关联的子主题,您可以自定义整体主题的外观。 如果您想修改子主题,有一些程序可以让您这样做。 就像页面构建器选项一样,这些框架主题也有一个拖放界面。
如何使用编码来定制你的主题
在代码级别自定义您的 WordPress 主题是您可以使用的最高级选项。 它也是让您最大程度地控制成品的方法。 当然,除非您擅长编辑 CSS 或 PHP,否则您不应该尝试这样做。 如果你不是,最好坚持上面讨论的选项。
如果您的网站正在使用您创建的主题,那么您可以更改文件并在您的网站上重新加载。 如果您使用第三方主题,事情会稍微复杂一些。 这是创建子主题的地方。 但首先,我们从基础开始。
任何 WordPress 主题的基础都是它的样式表,它被表示为 style.css。 在那里您可以找到与字体、显示、布局等相关的所有代码。 要更改特定元素,您必须在样式表中找到它的相关代码。
当您在寻找要更改的代码时,您必须非常勤奋地进行搜索。 一些元素实际上从层次结构中高于它们的其他元素中获取样式。 要有效地自定义主题,您需要确保修改正确的代码。
要查找元素的 CSS 源代码,请使用浏览器的检查器。 例如,谷歌浏览器有一个 DevTools 功能会很有帮助。
如果您对自定义小部件和特色图像等功能更感兴趣,那么您正在寻找函数文件。 这采用functions.php 的格式。 通过修改此文件,您将能够更改主题的整体功能。
但是,在进行这些更改之前,您应该考虑是否要将这些更改仅应用于您当前的主题或整个网站。 如果您认为无论您使用哪个主题都希望拥有该功能,那么建议您创建一个插件。 这样,您始终可以使用该功能。
您可以修改的另一个文件是主题模板。 WordPress 主题使用模板来根据模板层次结构确定内容如何放置在给定页面上。 要更改页面和内容的显示方式,您可以调整现有的 PHP 文件以创建自己的文件。 这可能很棘手,因此请确保使用本地或临时站点以避免损坏您的网站。
我们要解决的最后一件事是当您需要自定义第三方主题时使用子主题。 通常,这是一个四步过程。
- 您必须在 wp-content/themes 中创建一个新文件夹。
- 在该文件夹中创建一个样式表并通知 WordPress 它是您当前使用的主题的子主题。
- 将您希望编辑的主题文件的副本放在该样式表中并执行您的编辑。
- 在您的网站上激活新的子主题。
激活子主题后,您应该会看到所需的更改。 这是因为 WordPress 通常使用来自子主题的信息,除非父主题中有另一个文件位于层次结构中的较高位置。 此外,如果有两个版本,WordPress 将优先考虑子主题。 这意味着您新上传的子主题将覆盖父主题的文件。
然而,如前所述,修改主题代码应该是最后的手段。 即使您采取了本文开头所述的必要预防措施,事情仍然可能出错。 您应该始终先尝试其他可用的选项。
自定义 WordPress 主题时要考虑的其他因素
当您自定义 WordPress 主题时,您需要考虑的不仅仅是它适合您的原因。 另外两个考虑因素是主题的响应能力和确保所有用户仍然可以访问它。
响应能力
这是指您的网站根据用于访问它的设备更改其设计和功能的难易程度。 当您自定义 WordPress 主题时,您必须确保您没有对网站的响应能力产生负面影响。
由于越来越多的人使用平板电脑或手机访问在线信息,因此关注响应能力至关重要。 如果您的网站没有响应,它将影响您的网络流量以及您的搜索引擎排名。 如果您失去用户,对您的主题进行更改将无济于事。
可访问性
您的网站不仅需要具有响应性,还需要让残障人士或对感官元素敏感的人可以访问。 这意味着您应该避免颜色太亮、字体太小或这些人难以驾驭的样式。
如果您不确定如何确定您网站的可访问性,一个好的可访问性检查器是一个不错的方法。 如果需要,您可以在线找到一些有用的工具。
结论
自定义您的 WordPress 主题可能很简单,也可能很复杂。 您采取的路线取决于您想要做出的改变以及您的技能。 在进行自定义之前,请确保选择最合适的选项并采取必要的预防措施来保护您的网站。 为您想要实现的目标选择正确的工具也很重要。
虽然个性化设计是个好主意,但不要以牺牲转化率和搜索引擎排名为代价。 您应该始终检查您所做的更改是否不会影响您网站的运行方式。