手札

WordPress子主题：初学者分步指南

内容

(访问量：665)

您是否遇到过关于自定义 WordPress 网站的术语自定义主题和子主题？让我们分解一下它的具体含义，以及您如何为您的 WordPress 网站需要一个子主题。

自定义主题是从头开始创建以满足特定需求的主题。子主题是一个主题，它占用了另一个主题（称为父主题）的所有功能和样式，但允许您进行修改，而无需它们更改父主题的核心文件。

在本教程中，我们将向您展示有关如何创建 WordPress 子主题以及如何使用 Elementor 对其进行自定义的所有信息，以及为什么需要它在您的网站上进行自定义。

什么是 WordPress 子主题？

为了更好地理解，让我们在 WordPress 中定义一个子主题，然后再继续创建一个子主题。子主题是父主题 WordPress 的扩展。子主题用于对您的网站进行更改或增强，同时保持父主题的完整性。

这就是为什么所有 WordPress 用户都需要一个子主题 WordPress：

保留更新：您可以更新父级，而不会丢失任何自定义项。
安全定制：对子主题所做的任何自定义都不会影响您的核心主题文件，并确保其安全。
易于维护：子主题使使用第三方主题和插件时的维护和更新变得更加容易。

为什么需要子主题？

这就是为什么所有 WordPress 用户都需要一个子主题 WordPress：

保留更新：您可以更新父级，而不会丢失任何自定义项。
安全定制：对子主题所做的任何自定义都不会影响您的核心主题文件，并确保其安全。
易于维护：子主题使使用第三方主题和插件时的维护和更新变得更加容易。

分步指南：如何在 WordPress 中创建子主题

第 1 步：选择父主题

要开始制作 WordPress 子主题，必须先选择父主题。在本教程中，应以流行的 WordPress 主题为例：它可以是默认主题、Twenty Twenty-Three 或选择的某些第三方主题。

为什么是父主题？

您可以选择一个父主题，为您提供所有核心功能和结构，然后您可以使用子主题进行自定义。

导航到外观>主题的 WordPress 仪表板的屏幕截图，显示可用主题。

第 2 步：为子主题创建一个新文件夹

现在您已经选择了父主题，您需要为您的子主题 WordPress 创建一个新文件夹。导航到 wp-content/themes/ 并在主题目录中创建一个新文件夹。将其命名为 my-child-theme（或您喜欢的任何名称，但要确保它是可区分的）。在此文件夹中，创建两个文件：

style.css –此文件描述子主题的元数据和自定义样式。
functions.php – 此文件将用于将父主题的样式排队并添加任何自定义函数。

因此，通过创建这些文件，您已经迈出了在 WordPress 上安装您子主题的第一步。

第 3 步：向style.css添加信息

您将在子主题的style.css文件中定义有关主题的重要信息。打开此文件并添加以下代码：

/*
Theme Name: My Child Theme
Theme URI: http://example.com/my-child-theme
Description: A custom child theme for WordPress
Author: Your Name
Author URI: http://example.com
Template: parent-theme-name
Version: 1.0
*/

确保将 parent-theme-name 替换为父主题文件夹的名称，例如 twenty-twenty-three。此代码将您的 WordPress 子主题与父主题连接起来，并应用正确的样式。模板行特别重要，因为它告诉 WordPress 子主题正在扩展哪个主题。

第 4 步：将父主题样式排队

为确保您的 WordPress 子主题将继承父主题的样式，您应该将父主题的样式表排入functions.php文件中的队列。这对于在添加自定义项时保持设计的一致性非常重要。

这样做，子主题继承了父主题的核心样式，允许您修改特定部分，而无需从头开始或覆盖现有功能。以下是您应该添加的代码：

<?php
function my_child_theme_enqueue_styles() {
    $parent_style = 'parent-style'; // Replace with the parent theme's style handle
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );
?>

此代码将父主题样式链接到子主题，以便所有继承的设计元素都能无缝工作。