分类
Wordpress

为你的wordpress博客主题twentytwenty加一个子主题

twentytwenty是wordpress一个好主题,阿宝哥在开发该主题时候发现没有子主题,未来方便后续主题升级,决定弄一个twentytwenty子主题,流程如下:

为 WordPress 默认主题 Twenty Twenty 创建一个子主题是一个标准化的过程,以下是详细的步骤,轻松创建并启用一个子主题:

步骤一:创建子主题文件夹
1.登录你的服务器或使用 FTP 工具,进入 WordPress 安装目录的 /wp-content/themes/ 文件夹。
2.新建一个子主题目录,命名为 twentytwenty-child(你也可以换成别的名字,但建议包含“child”字样)。

步骤二:创建样式表 style.css
在 twentytwenty-child 文件夹下,创建一个名为 style.css 的文件,内容如下:

/*
Theme Name: Twenty Twenty Child
Theme URI: https://www.abaoge.com/twenty-twenty-child/
Description: Twenty Twenty child
Author: abaoge
Author URI: https://www.abaoge.com
Template: twentytwenty
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty-child
*/




body {
    background-color: #000;
}

 

⚠️ 注意:
Template: twentytwenty 是最关键的一行,必须与你父主题文件夹名一致(大小写也要一致)。
Theme Name: 可以随意取名。

步骤三:创建 functions.php 文件
在同一个文件夹里创建 functions.php 文件,添加以下代码来引入父主题的样式:

<?php
// 加载父主题样式
function twentytwenty_child_enqueue_styles() {
    wp_enqueue_style( 'twentytwenty-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'twentytwenty-child-style', get_stylesheet_directory_uri() . '/style.css', array( 'twentytwenty-style' ) );
}
add_action( 'wp_enqueue_scripts', 'twentytwenty_child_enqueue_styles' );

 

步骤四:在后台启用子主题
登录 WordPress 后台。
进入 外观 > 主题。
你会看到 Twenty Twenty Child 子主题,点击 启用。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

科学上网·梯子


推荐文章