WordPressの子テーマを作成・カスタマイズする方法：完全チュートリアル＆実践ガイド

WordPressの子テーマとは何ですか？

WordPress 子主题是继承另一个主题（称为父主题）的功能和样式的主题。子主题是一种无需直接编辑父主题文件即可修改 WordPress 主题的安全方法。

当你创建子主题时，它会将主题文件存储在 WordPress 根目录中父主题文件夹之外的单独文件夹中。这样，编辑子主题时，只会更改这些文件，而不会更改父主题文件。这可确保自定义设置不会在更新父主题时丢失。

父主题和子主题的区别

使用 WordPress 子主题的好处

1. 简化的开发流程

从头开始创建自定义主题非常耗时，而使用子主题可以利用父主题作为基础，根据需要修改各个元素。

2. 扩展功能和定制

子主题允许修改包括 PHP、CSS 和 HTML 在内的所有文件，创建自定义样式并扩展父主题功能，而无需更改原始文件。

3. 原始主题文件的安全性

子主题的文件保存在独立文件夹中，确保父主题文件保持不变，即使更新父主题，子主题也会保留所有编辑和自定义。

4. 风险缓解

如果在设计子主题时犯了错误，可以随时恢复父主题或基于原始主题创建新的子主题。

5. 易于共享和重复使用

子主题的文件存储在单独的文件夹中，方便在多个网站上重复使用和共享。

如何创建 WordPress 子主题

方法一：手动创建子主题

1. 子テーマフォルダの作成::
   • 使用 FTP 客户端或托管服务提供商的控制面板访问 WordPress 根目录，在 /wp-content/themes 文件夹中创建一个新的子主题文件夹，例如命名为 nexter-child。

2. 创建 CSS 样式表文件::

下一步是创建子主题的 CSS 样式表文件。此文件将存储子主题的所有 CSS 样式。

创建文件::

• 在托管控制面板中，找到菜单中的“+ 文件”图标，单击它以创建一个新文件。

文件位置::

• 确保在子主题文件夹中创建此文件。

命名文件::

• ファイル名 スタイル.css。完成后，单击“创建新文件”以完成过程。

文件内容::

• 这个文件将包含所有子主题的必要信息，并充当其主要样式表。

如果你使用的是 FTP 客户端，请使用计算机上的记事本应用程序创建 CSS 文件。然后，可以将其上传到 WordPress 安装中的子主题文件夹中。

3. 编辑 CSS 样式表文件

右键单击新创建的 CSS 文件并从上下文菜单中选择“编辑”选项。该文件将在新选项卡中作为空白文件打开。

复制下面的文本并将其粘贴到你的 CSS 文件中：

Theme Name: Nexter Child Theme

Theme URI: https://nexterwp.com

Description: This is a Child Theme for Nexter

Author: POSIMYTH

Author URI: https://posimyth.com

Template: nexter

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: responsive-layout, two-column, responsive-layout

Text Domain: nexter-child-theme

の右上をクリックします。「変更を保存按钮保存文件。

4. 创建函数文件::
   • 在子主题文件夹中创建一个名为 functions.php 的文件，并添加以下代码：

<?php add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' ); function enqueue_parent_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); } ?>

5. 激活子主题::
   • 登录到 WordPress 管理面板，导航到外装状態 > ごかんけいせいぼおん，找到子主题并点击“アクティブ化「ボタン

方法二：使用插件创建子主题

1. 安装子主题配置器插件::

登录到 WordPress 管理面板，导航至プラグイン > 新しいプラグインの追加，搜索并取付 Child Theme Configurator 插件，然后点击“アクティブ化".

2. サブトピックの作成::

WordPressダッシュボードへの移動アーティファクト > サブテーマ

在“父/子”选项卡下选择父主题，点击“分析済み”按钮，确保主题适合作为父主题。

ある命名新主题目录：字段中，添加子主题文件夹名称。然后，在选择保存新样式的位置：字段中保留默认选项，因为这是样式的保存位置。

然后点击“创建新子主题「ボタン

3. 预览并激活子主题::

导航至仪表板，“外貌">"ごかんけいせいぼおん”，选择预览子主题

确认一切正常后，点击“激活并发布「ボタン

如何自定义你的 WordPress 子主题？

可以使用 WordPress 经典编辑器或 Elementor 页面构建器来编辑子主题。Elementor 页面构建器易于使用且对初学者友好。还可以安装 Elementor 的 Plus Addons 插件，为网站添加更多功能和小部件。

概要

本文详细介绍了通过创建子主题，你可以安全地定制和扩展现有主题，而不必担心在父主题更新时丢失自定义设置。

文章提供了两种创建子主题的方法：手动创建和使用插件创建，步骤清晰易懂。还强调了子主题在开发过程中的实用性和安全性，使其成为定制 WordPress 站点的理想选择。