如何制作 WordPress 儿童主题以及为什么需要一个

已发表: 2022-05-20

如果您是 WordPress 平台的粉丝,您可能已经听过很多关于制作WordPress 子主题的建议,以将未来的风险和错误降至最低。

我们 SKT Themes 绝对同意您顾问的意见,并强调为您的 WP 网站或博客创建和保留单独的子主题的重要性。 虽然儿童主题的好处和优势似乎没有优势,但让我们首先弄清楚儿童主题的真正本质是什么。

什么是儿童主题?

WordPress 子主题是父 WP 主题的替代版本,它继承了该父模板的功能和设计。 此附加或子主题允许您修改、更改或补充基本模板的功能和外观。

此时重要的是,父模板保持不变,同时保持不变。 随后,您可以随时更新它,而不必担心所做的更改会丢失。

为什么需要制作 WordPress 子主题?

任何有效 WordPress 模板的代码和文件的可访问性允许您更改和自定义外观和功能,从设计修改到创建其他小部件和插件。

但是,每个 WordPress 网站管理员都会遇到一些不便。 对基本主题代码的任何直接调整都会消失,或者更好地说,在主题更新后返回源代码。

因此,如果您想避免这种令人不快的回滚,您需要制作一个 WordPress 子主题。 它将使您能够对主题进行大量更改,而不会在任何预定更新时丢失它们。

什么时候需要创建子主题?

如果你是一个不断通过在主题的functions.php文件中添加新功能或更改style.css文件来改变他的网站或博客的外观或功能框架的人,创建一个子模板是必须的。

此外,网页设计师和开发人员可以从这项技术中受益匪浅,以加快他们的工作流程并实现更多目标,而不会出现任何意外的缺陷或错误。

现在,我们已经为您打开了儿童主题的全部潜力,让我们继续讨论其创作的技术部分。 总而言之,这是深入了解 WordPress 平台并进一步了解其可能性的绝佳方式。

如何制作 WordPress 子主题

为了制作一个 WordPress 子主题,我们需要围绕 3 个要点:

1.子主题目录

2.样式表(style.css)

3.函数.php

好吧,创建子主题的第一步是在 wp-content/themes 中创建它的目录。 如果子主题目录有父主题的标题加上“子”结尾会更好。

让我们以 SKT Perfect 主题为例
商业 WordPress 主题
下载

在这种情况下,我们将子主题命名为“ skt-perfect-child ”。 (请检查突出显示的部分)

此外,您需要创建主题的样式表(style.css 文件)。 样式表应以以下内容开头:

 *
 主题名称:SKT Perfect Child
 主题 URI:http://mysite.com/skt-perfect-child/
 描述:SKT完美儿童主题
 作者:约翰·史密斯
 作者 URI:http://mysite.com
 模板:sktperfect
 版本:1.0.0
 许可证:GPL
 许可证 URI:http://www.gnu.org/licenses/gpl-2.0.html
 标签:完美,响应式,小部件友好
 文本域:skt-perfect-child
*/

在处理样式表的这一部分时不要忘记添加您自己的详细信息。

我们需要接触的最后一个文件是functions.php。 为了使父主题样式表入队,需要添加 wp_enqueue_scripts 动作(https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts)
并在子主题的 functions.php 中使用 wp_enqueue_style() (https://developer.wordpress.org/reference/functions/wp_enqueue_style/)。

在这个关系中,需要在子主题的目录下创建functions.php 文件。 functions.php 的开头应该是“<?php”,之后您可以添加父主题和子主题的样式表。

如果您的父主题只有一个主要的 style.css,则下面的示例应该可以正常工作。

 add_action('wp_enqueue_scripts','my_theme_enqueue_styles');
函数 my_theme_enqueue_styles() 
    wp_enqueue_style('父样式',get_template_directory_uri()。'/style.css');

如果子主题的 style.css 中包含实际的 CSS 代码,您也需要添加它。 实际上,您需要添加“父样式”作为依赖项。 这是一个适当的例子:

 函数 my_theme_enqueue_styles() 

    $父母_; // 这是 SKT Perfect 主题的“skt-perfect-style”。 

    wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style('儿童风格',
        get_stylesheet_directory_uri() 。 '/style.css',
        数组($parent_style),
        wp_get_theme()->get('版本')
    );

add_action('wp_enqueue_scripts','my_theme_enqueue_styles');

就是这样,伙计们。 现在您已经成功创建了您的子主题,剩下的就是它的激活。 为此,请查看您的站点管理面板、外观、主题。 您可以找到此处列出的所有可用主题。 在这里找到新创建的子主题,只需单击它即可激活。

如果您觉得这种方法真的很吓人,您可以利用可用的子主题创建者插件

儿童主题生成器:

儿童主题生成器

下载

One Click Child Theme 是一个让您的生活更轻松的插件。 在几分钟内创建并运行您的子主题,只需单击几下即可避免许多不愉快的问题。

快速儿童主题生成器:

快速儿童主题生成器
下载

它是最受好评且易于使用的儿童主题生成器插件之一,您可以在任何 WordPress 支持的网站上使用。 这个惊人的插件足够聪明,可以在创建子主题时定义要复制的文件以及要跳过的文件。

总而言之,它带有一个管理友好且直观的界面,让您可以根据需要从父主题创建尽可能多的子主题。

儿童主题配置器:

子主题配置器

下载

另一个用于创建子主题的顶级解决方案称为子主题生成器。 这个插件对于您可以为您的子主题进行的自定义选项也非常方便。

儿童主题检查:

儿童主题检查
下载

最后,当您的孩子主题发生变化时,孩子主题检查可以成为您的得力助手。