如何使用子主题修改 WordPress 主题?

已发表: 2014-12-10

有各种很棒的免费和付费 WordPress 主题可用。 但是,如果您想根据自己的需求和喜好自定义购买的主题怎么办? 有很多我们都想改变的小事情的例子。 在这种情况下,需要修改 WordPress 主题

这里的颜色,那里的字体大小,可能是按钮上的不同号召性用语。 它们是网站所有者想要对其“父”主题进行更改的各种原因。 问题是一旦您更新 WordPress 主题,修改后的主题更改将丢失。

创建“子主题”通过提供所选主题的所有功能来解决这个问题,同时允许您更新它而不必担心丢失任何更改。 在这种情况下,需要对 CSS/HTML 有基本的了解。 或者从其他来源复制/粘贴代码片段。

大量 WordPress 用户在不使用子主题的情况下修改 WordPress主题。 这可能是由于对儿童主题是什么缺乏了解,或者是由于感知到创建一个主题的困难。

目录

使用儿童主题的利弊是什么?

优点和缺点是通用的,基于常见的用例。 它可以根据您的要求而有所不同。 在您的方案中,某些优点可能是缺点。

建议根据您的站点要求仔细评估利弊。 你真的需要一个儿童主题吗? 如果您的更改很小,那么您可能可以使用插件或仅使用主题中的选项。

如果您的更改范围广泛并分布在大量文件中,那么您最好创建自己的主题。 这是正确的父主题吗? 选择正确的父主题至关重要。

它应该提供开箱即用的大部分必需功能,否则您将进行过多的自定义和覆盖。 您还应该确保主题有可能在很长一段时间内或至少在您计划使用它的时间内保留。 它还应提供定期更新,尤其是安全更新。

优点

1. 安全更新

子主题自动继承父主题的功能、样式和模板。 这允许您使用子主题更改您的站点,而无需修改父主题。 当父主题的新版本到来时,您可以安全地更新它,因为您的所有修改都保存在子主题中。

2. 易于扩展

建立在强大的主题框架上的子主题可以提供很大的灵活性,而无需编写大量代码。 您可以选择性地只修改您需要的模板文件和函数,而无需通过其他模板文件。 您可以添加新功能等等。

3.后备安全

当您创建一个完整的主题时,您需要考虑所有可能的场景和它们的代码。 但是,当您在处理子主题并且忘记为某些内容编写代码时,始终可以使用父主题的功能作为后备选项。

缺点

1.意外变化

如果您碰巧扩展了子主题中的任何自定义功能,则您的更改可能会在更新父主题时被破坏。 有时,主题的设计和实现没有考虑到子主题,这使得扩展变得更加困难。

2. 缺乏更新

选择正确的主题进行扩展至关重要。 父主题的积极开发很可能会停止并且主题被放弃。 也有可能父主题没有使用最新的 WordPress 版本和安全更新定期更新。

3. 学习曲线

如果主题不符合标准和常见的编码实践,可能会增加学习时间。

如何使用子主题修改 WordPress 主题?

子主题是独立的主题,它们的大部分功能都依赖于父主题。 如果您使用的是子主题,WordPress 将首先检查您的子主题以查看是否存在特定功能。

如果没有,它将使用父主题。 这很棒,因为它允许您只修改您需要的内容如果您计划修改主题中的单个字符,则应始终使用子主题。

要为您的主题创建子主题,您需要执行以下步骤:

  1. 在 WordPress 安装中创建一个主题目录
  2. 创建包含有关您的子主题的信息的样式表
  3. 引入父主题的样式

完成这些步骤后,您可以激活您的子主题,您的网站将看起来与以前完全相同,但它将使用子主题。

1.首先,您需要在 WordPress 安装文件夹中打开/wp-content/themes/并为您的子主题创建一个新文件夹。 您可以随意命名此文件夹。 对于这个例子,我将为二十十四个默认主题创建子主题并将其命名为二十twentyfourteen-child

创建-wordpress-child-theme

2.下一步是创建样式表文件。 这必须命名为style.css 。 它可以在记事本中创建并上传到子主题文件夹或使用 cPanel 文件管理器中提供的工具。

将以下代码复制并粘贴到您刚刚创建的文件中:

如何创建wordpress-child-theme

/*

主题名称:二十十四个孩子

主题网址:

描述:我的第一个孩子主题,基于二十四

作者:你的名字

作者 URI:http://yourwebsite.com

模板:二十四

版本:1.0.0

标签:黑色、绿色、白色、浅色、深色、两栏、三栏、左侧边栏、右侧边栏、固定布局、响应式布局、自定义背景、自定义标题、自定义菜单、编辑器-样式、特色图像、灵活标题、全宽模板、微格式、后格式、rtl 语言支持、置顶帖、主题选项、翻译就绪、可访问性就绪、响应式布局、无限-滚动,后滑块,设计,食品,杂志,杂志,新闻,摄影,组合,干净,现代,黑暗,优雅,现代,专业,精致

文本域:二十四子

*/

@import url ( "../twentyfourteen/style.css" );

此代码的最后一行将父主题的样式表导入子主题。 这是创建子主题的最低要求。 您现在可以转到外观 » 主题,您将在其中看到子主题。

您需要单击激活按钮以开始在现场使用子主题。

因为我们所做的只是导入原始主题的 CSS,主题将看起来与原始. 要修改主题的 CSS ,您可以在 @import 行下方对子主题的 CSS 文件添加任何更改。 所有新的 CSS 信息都是在原始主题的 CSS 加载后添加的。

编辑 Functions.php 文件

Functions.php 是通常存储主题主要功能的地方。 父主题的功能总是与子主题一起加载。 如果您需要向您的主题添加更多自定义函数,那么您可以通过在您的子主题文件夹中创建一个新的 functions.php 文件来实现。

注意:不需要创建functions.php。 它用于您想要添加更多自定义功能的情况。

创建子主题文件夹

新功能将在父主题的功能之前加载。 您的子主题的functions.php 文件应该以php 开始标记开始并以php 结束标记结束。 在两者之间,您可以添加所需的 php 代码。

<?php

你的代码在这里!

?>

编辑其他模板文件

除了 CSS 和函数修改之外,您还可以通过调整 php 模板文件对主题进行结构更改。 这应该小心完成。 通过编辑 PHP 文件,您可以调整主题的任何部分。

与编辑functions.php 不同,原始主题的函数是自动导入的, PHP 文件是通过将文件完全替换为一个新文件来编辑的

主题的原始文件将被忽略,而是使用新文件。 我们需要做的第一件事是在开始修改之前复制旧文件。 为此,只需将主题的原始文件复制并粘贴到您的子主题文件夹中,确保文件名和位置完全相同。

例如,如果我们要修改exampletheme/includes/navigation.php ,那么我们将这个文件复制并粘贴到exampletheme-child/includes/navigation.php 。 或者,如果您发现所有这些令人困惑,请不要担心,有用于创建子主题的插件。