Question

这是我的functions.php文件：

<?php

function my_theme_enqueue_styles() {

$parent_style = 'oceanwp-style';

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 ),
    wp_get_theme('')->get('Version')
 );

}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

?>

这是我的CSS文件：

/* 

 Theme Name:   OceanWP Child Theme

 Theme URI:    t3pranchags.com

 Description:  OceanWP Child Theme

 Author:       Christoper Little

 Author URI:   

 Template:     oceanwp

 Version:      1.0

 License:      GNU General Public License v2 or later

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


 /* == Add your own styles below this line ==
--------------------------------------------*/

我正在一个本地测试站点上工作，并且显示的外观似乎没有CSS。我的子主题在WP中很活跃，但由于根本没有显示CSS，因此似乎破坏了父主题CSS。我从我管理的另一个站点复制了functions.php文件，并用当前站点的oceanwp替换了。知道发生了什么事吗？

Answer 1

您应在“ my_theme_enqueue_styles”函数中同时包含两个“ wp_enqueue_style”函数调用（您的自定义wp_enqueue_scripts操作）：

<?php

function my_theme_enqueue_styles() {

    $parent_style = 'oceanwp-style';

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' , '/style-rtl.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme('')->get('Version')
     );

}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

还要确保按照文档将句柄设置为“父样式”：

如果您的子主题style.css包含实际的CSS代码（通常确实），您也需要将其排队。将“父样式”设置为依赖项将确保子主题样式表在加载后它。包括子主题版本号可确保您可以破产也为子主题缓存。

https://developer.wordpress.org/themes/advanced-topics/child-themes/

Answer 2

好吧，我最终改变了$ parent_style ='oceanwp-style';为$ parent_style ='parent-style';而且没有不知道为什么！

没有CSS显示； OceanWP儿童主题

2 个答案: