创建 WordPress 子主题:如何让初学者轻松上手

WordPress 在你的博客中,总有一天你会想对主题进行修改,但如果你直接修改父主题,你的修改就会在更新中丢失。 这就是子主题的用武之地。子主题提供了一种安全的方式来修改父主题,同时还能获得父主题的功能。

在本文中,我们将向你传授创建 WordPress 子主题所需的一切知识。 不用担心,初学者也能轻松掌握!

什么是 WordPress 子主题?

WordPress 子主题继承了父主题的功能和风格,但可以根据自己的喜好进行修改。 创建 WordPress 子主题是一种安全的方式,可以确保在更新父主题时不会丢失您所做的修改。

让我们深入了解一下为什么需要子主题以及它们能为你做些什么。

  1. 修改安全主题注意:我们不必直接接触父主题文件,因此不必担心主题更新时我们的更改会被删除。
  2. 轻松更新这对网站的安全性和功能性非常重要。
  3. 优化性能子主题:您可以在子主题中只添加您需要的内容,减少不必要的代码,使您的网站更快。
  4. 高效发展代码管理:父主题和子主题中的代码被整齐地划分开来,使代码管理变得更加容易。
( 워드프레스 차일드 테마 만들기 잇점 )
(WordPress 儿童主题的优势)

使用子主题可以做一些很酷的事情。

  • 您可以自定义网站的外观。
  • 您可以添加新功能或删除不需要的功能。
  • 让您的网站更快。
  • 您可以保持品牌的独特外观。

但有一点要注意:过多的更改实际上会降低网站的运行速度,因此最好只做绝对必要的更改。

总之,WordPress 子主题是一种强大的工具,可以让您的网站更安全、更灵活、更高效。 它们让您更轻松、更安全地创建和管理自己独特的网站。

如何知道当前主题是否为子主题?

您可以从 WordPress 管理页面进行检查。您可以在管理仪表板的 "外观 > 主题 "页面上查看当前激活的主题。子主题通常与父主题一起显示。

创建 WordPress 子主题:分步指南

워프 차일드 테마 만들기 단계 이미지
(创建 Warp 子主题的步骤)

1. 准备必要的文件

首先,为子主题创建一个新文件夹。如果父主题叫 Kadence,那么就把子主题命名为 "kadence-child"。 在这个文件夹中,创建两个文件

  • style.css
  • functions.php

写入并保存文件内容时,完整路径如下所示

  • WordPress 安装目录/wp-content/themes/kadence-child/style.css
  • WordPress 安装目录/wp-content/themes/kadence-child/functions.php

要创建文件,可以使用默认的 Windows 应用程序 "记事本"。请注意,保存时必须将文件格式更改为"......"。 所有文件 (*.*) 代码中的''。

메모장 이용 차일드 테마 생성 필요 파일 만들기 참고 이미지
(使用记事本创建创建子主题所需的文件)

2. 创建 style.css 文件

在 style.css 文件中写入以下内容

/*
主题名称: Kadence Child
主题 URI: https://www.kadencewp.com/
描述: Kadence 的子主题
作者: 您的姓名
作者 URI: http://yoursite.com
模板: kadence
版本: 1.0.0
Β */

/* 在此处写入其他 CSS */

CSS 代码评注

这些 CSS 代码可以在 WordPress 有关子主题身份的重要信息让我们来看看每一行的含义。

  1. 主题名称:我们创建的子主题的名称,在本例中为 "Kadence Child"。
  2. 主题 URI:我已链接到 Cadence 主题的官方网站。
  3. 说明:在这里您可以简短地描述您的主题。
  4. 作者请注明创建子主题的人员姓名。
  5. 作者 URI:这里是主题创建者的网站地址。
  6. 模板注意:这一点非常重要!你需要写上父主题的准确名称,在本例中就是 "kadence"。
  7. 版本表示子主题的版本。

最后一行的注释是您添加其他样式的空间,您可以在这里添加。

3. 创建 functions.php 文件

在 functions.php 文件中写入以下内容

<?
function kadence_child_enqueue_styles() {
    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', 'kadence_child_enqueue_styles' );

// 在此处写入其他函数

PHP 代码评论

这段 PHP 代码在允许子主题导入父主题样式的同时应用自己的样式方面发挥着重要作用。 让我们来看看这段代码的作用:

  1. kadence_child_enqueue_styles() 函数,该函数负责加载父主题和子主题的样式表。
  2. wp_enqueue_style() 函数来注册和加载样式表。
    - 第一行导入了父主题的 style.css。
    - 第二行导入了子主题的 style.css,我们将其设置为在父主题的样式表之后应用。
  3. add_action() 函数告诉 WordPress 在加载样式时执行我们创建的函数。

最后一条注释是供您编写任何其他 PHP 函数的空间,您可以在这里编写。

激活子主题

创建子主题后,就该激活它了。请按照以下步骤激活子主题。

  1. 登录 WordPress 管理页面。
  2. 点击左侧菜单中的 "外观">"主题"。
  3. 找到新创建的子主题(例如 "Kadence Child")。
  4. 将鼠标悬停在子主题上时,会出现一个 "激活 "按钮。点击该按钮。
  5. 激活完成后,您将看到 "主题已更改 "的信息。
  6. 检查网站前台,确保子主题已正确应用。
  7. 如果遇到问题,请仔细检查子主题的 style.css 和 functions.php 文件。
  8. 激活子主题后,您可以根据需要在 "外观">"自定义 "中进行其他设置。

这将成功激活子主题,并允许您安全地修改它。

总结

创建 WordPress 子主题并不像你想象的那么难,不是吗? 现在,你可以让自己的博客看起来更漂亮了。 如果你有任何问题,欢迎在评论中提问。让我们一起成长为博主!

顺便提一下,在创建子主题后,我有时会想自定义我在开发者博客上偶尔使用的代码块。 美化 WordPress 代码块--使用 PrismJS 高亮显示代码 本帖将帮助您实现这一愿望!

테리 이모티콘
(快乐编码)

类似文章