默认情况下,HTML5Blank 不是“儿童主题友好”主题。
这是因为它是一个“空白”模板,通常旨在直接编辑,但由于您都可能希望在您的个人网站上保留您的工作和父主题更新,因此我们必须将您的 HTML5Blank 主题设为父主题,因此对子主题友好。
您会记得,(使用对子主题友好的父主题),您可以通过添加一个名为 HTML5Blank-child 的文件夹来创建一个子主题,并在其中添加一个 style.css 文件将保存您的自定义,您还可以添加一个 functions.php 来保存您可能想要的任何自定义函数,(注意,您不能只复制父主题 functions.php 将文件转移到您的子主题文件夹,因为您将再次初始化所有函数,这将使您的页面超载)。
注意 get_template_directory_uri() 函数与 get_stylesheet_directory_uri() 函数,看看您考虑的主题是否是“儿童主题友好”,(以及在 HTML5Blank 的情况下,它使用 get_template_directory_uri() 函数将其样式表排入队列,这意味着它不是),然后您需要向新创建的 functions.php 添加一些功能strong> 在您的子主题(HTML5Blank-stable-child)中并包含以下代码:
<?php
// De-register HTML5 Blank styles
function html5blank_styles_make_child_active()
{
wp_deregister_style('html5blank'); // Enqueue it!
}
add_action('wp_enqueue_scripts', 'html5blank_styles_make_child_active', 100); // Add Theme Child Stylesheet
// Load HTML5 Blank Child styles
function html5blank_styles_child()
{
wp_register_style('html5blank-child', get_stylesheet_directory_uri() . '/style.css', array(), '1.0', 'all');
wp_enqueue_style('html5blank-child'); // Enqueue it!
}
add_action('wp_enqueue_scripts', 'html5blank_styles_child'); // Add Theme Child Stylesheet
?>
然后您会看到我们已经取消注册了 HTML5Blank 样式表的排队,然后注册了子样式表,因此它可以作为主样式表的覆盖工作。
它仍在使用的主样式表,但子主题现在具有正确的优先级以作为替代。最后,我们根本没有编辑父主题来实现这个结果。
完成上述操作后,您应该会在您的网站源代码中看到与以下类似的一行:
<link rel='stylesheet' id='html5blank-child-css' href='/3.9.2/wp-content/themes/html5blank-stable-child/style.css?ver=1.0' media='all' />
可以(临时)将第二条简单的 CSS 规则添加到您的子主题 style.css 文件中:
body {
font:300 11px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#444;
background:#f00 !important;
}
然后您会看到我们已经取消注册了 HTML5Blank 样式表的排队,然后注册了子样式表,因此它可以作为主样式表的覆盖工作。它仍在使用的主样式表,但子主题现在具有正确的优先级以作为替代。
最后,我们根本没有编辑父主题来实现这个结果。
您应该会看到红色背景。
这将允许您继续在子主题中进行编辑,并且将来仍然能够更新 HTML5Blank 主题,这 100% 符合如何最好地使用 WordPress。