创建 WordPress 子主题的教程

我们中的许多人都想在主题中定制一些东西。 您是否还想在您正在使用的主题中添加或编辑某些内容？ 如果是的话，那么你来对地方了，我的朋友。 这篇文章是一个关于创建 WordPress 子主题的简单而全面的教程。

如果主题有很多自定义选项，那么这可能有助于满足您的需求。 但是无论有多少可用的选项，您当前的主题仍然可能无法做到或不是您喜欢的方式。 因此，如果您对代码和 WordPress 感到满意，那么您可以深入研究主题文件并开始编辑它，花费几分钟、几小时将您喜欢的更改添加到主题中，结果却发现您在下一个主题时丢失了这些更改更新滚动。

所以为了避免这种情况，我们的英雄称为儿童主题。 创建子主题允许您对站点进行更改，而无需更改原始主题代码中的任何内容。 即使您只是进行一些细微的调整，花几分钟创建一个子主题也是值得的。

注意：要在您的网站中进行简单的 CSS 更改，您可以使用 WordPress 4.7 中添加的附加 CSS框，而不是创建子主题。 即使您更新主题，这些通过附加 CSS框所做的更改仍将保留在那里。 但是，如果您正在寻找其他附加更改，例如编辑 PHP 文件，则必须创建子主题。

所以，我认为这将涵盖“为什么要创建儿童主题？” 题。 所以，让我们继续创建一个子主题。

如何创建 WordPress 子主题？

在本教程中，我们将展示如何为我们自己的流行主题Spacious创建子主题。

步骤1：

在您的主题目录中创建一个新文件夹。 您可以使用 cPanel 或通过 FTP 执行此操作。 主题目录是 wp-content/themes。 所以，让我们将该文件夹命名为spacing-child。 您可以随意命名，但请记住文件夹名称中不应有任何空格。 将子主题命名为父主题加上末尾添加的-child是一种常见的方法。

第二步：

在宽敞的子文件夹中创建一个名为style.css的文件并填写如下所示的信息。

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

添加这个并保存文件。

要记住的要点：

• 模板名称（在本例中为宽敞）应与父主题的文件夹名称匹配，并确保名称后没有空格。
• 可以根据需要添加或更改其他详细信息。

第三步：

创建一个名为functions.php的文件，就像您在第二步中创建的“style.css”一样。 并填写如下所示的信息。

<?php
/**
 * Child theme functions file.
 */
function spacious_child_enqueue_styles() {
	// Parent theme style handle 'spacious_style'.
	$parent_;

	// Enqueue parent and child theme style.css.
	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'spacious_child_style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->( 'Version' ) );
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_styles' );

在创建子主题时， style.css和functions.php文件是必需的，而模板文件，其他文件是可选的，可以根据需要创建。

最后，要激活子主题，请在仪表板中转到外观->主题。 查找您创建的子主题并激活它。 就是这样。 此外，请确保父主题也存在于已安装的主题中，以便子主题正常工作。 如果您现在访问您的站点，它应该看起来与激活父主题时一样。 但是，您可能需要重置定制器中的某些设置。

修改主题的 CSS

如果要修改主题的 CSS，可以在 style.css 文件的末尾添加 CSS 并保存。 这些 CSS 行将覆盖父主题 CSS。

例如，假设我们要改变网站标题的字体大小宽敞的主题为36px默认值42px ，也从改变其颜色#444444默认为蓝色（ #0000FF ）。 然后你可以添加下面的 CSS 行。

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
#site-title a {
	color: #0000FF;
	font-size: 42px;
}

做出进一步的改变

编辑其他主题文件
您还可以通过调整模板文件对主题文件进行结构更改。 假设您想要一些更改或想要在标题中添加一些额外的代码。 然后，您可以复制父主题的 header.php 文件，粘贴到子主题中并在那里进行/添加更改并保存文件。 此 header.php 文件将加载而不是父主题的 header.php 文件。

包起来

希望现在您能够创建子主题并进行您喜欢的自定义。 想说点什么？ 在评论中添加它，我会回复你。 享受！