php - 在 Wordpress 中使用子主题

Question

所以我一直在阅读此处和 Wordpress 官方网站上的说明，但我仍然无法让我的子主题正常工作。我正在使用 Agility 主题并将 agility-child 设置为我的子主题的目录。在那里我有我的 style.css:

/*
Theme Name:     Agility Child Theme
Theme URI:      themeforest.net/item/agility-responsive-html5-wordpress-theme/2336028
Description:    Agility Child Theme
Author:         *****
Author URI:     *****
Template:       agility
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*/

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

然后，在另一个文件夹(样式表)中我有 layout.css:

/*
Theme Name:     Agility Child Theme
Theme URI:      themeforest.net/item/agility-responsive-html5-wordpress-theme/2336028
Description:    Agility Child Theme
Author:         *****
Author URI:     *****
Template:       agility
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*/

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

#colophon {
    background: #fff;
    border-top: 2px solid #ddd;
}

然后，回到主目录，functions.php:

<?php 
    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

    function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . 'stylesheets/layout.css' );

    } 
?> 

子主题在 WP 中处于事件状态，但我的 CSS 都没有更改为 layout.css(或主题使用的其他 CSS；style.css 基本上没有用)。我是否错误地使用了 functions.php？

Answer 1

get_template_directory_uri() 返回您正在使用的模板的目录(或者换句话说——父主题)。您可以改用 get_bloginfo( 'stylesheet_directory' )。这将获取当前主题的样式表目录。

每个入队文件也应该有不同的 ID(你对两者都使用“父样式”。此外，你在第二行缺少斜线。你的入队可能看起来像这样:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

function theme_enqueue_styles() {

    // This will include the parent theme's stylesheet
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

    // This will include layouts.css from the child theme's "stylesheets" directory
    wp_enqueue_style( 'layouts', get_bloginfo( 'stylesheet_directory' ) . '/stylesheets/layout.css' );
}

引用:

http://codex.wordpress.org/Child_Themes http://codex.wordpress.org/Function_Reference/get_bloginfo http://codex.wordpress.org/Function_Reference/get_template_directory_uri