将多个样式表放入Wordpress子主题中

时间:2019-12-01 14:50:50

标签: php css wordpress

我建立了几个Wordpress网站,并为所有网站创建了子主题。其中一个站点将具有多个子站点,这些子站点都将包含自定义品牌。我在子主题中加入了样式表,并在functions.php文件中添加了以下代码。

if ( !function_exists( 'chld_thm_cfg_locale_css' ) ):
function chld_thm_cfg_locale_css( $uri ){
    if ( empty( $uri ) && is_rtl() && file_exists( get_template_directory() . '/rtl.css' ) )
        $uri = get_template_directory_uri() . '/rtl.css';
    return $uri;
}
endif;
add_filter( 'locale_stylesheet_uri', 'chld_thm_cfg_locale_css' );

if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
function chld_thm_cfg_parent_css() {
    wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array( 'font-awesome','swiper','perfect-scrollbar','animate' ) );
}
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );

这正常工作,我的样式表按预期运行。我遇到的问题是,当我添加带有自定义品牌的新子站点时,此样式表的大小style.css变得越来越难以管理。我要做的是在子主题的子主题中加入另一个样式表。我试图复制上面的代码以使新样式表入队,但是它不起作用。这是我在我的functions.php文件中添加的紧接在上面代码下方的内容:

if ( !function_exists( 'coastal_thm_cfg_locale_css' ) ):
function coastal_thm_cfg_locale_css( $uri ){
    if ( empty( $uri ) && is_rtl() && file_exists( get_template_directory() . '/rtl.css' ) )
        $uri = get_template_directory_uri() . '/rtl.css';
    return $uri;
}
endif;
add_filter( 'locale_stylesheet_uri', 'coastal_thm_cfg_locale_css' );

if ( !function_exists( 'coastal_thm_cfg_parent_css' ) ):
function coastal_thm_cfg_parent_css() {
    wp_enqueue_style( 'coastal_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'coastal-style.css', array( 'font-awesome','swiper','perfect-scrollbar','animate' ) );
}
endif;
add_action( 'wp_enqueue_scripts', 'coastal_thm_cfg_parent_css', 11 );

我认为这会起作用,但不会。我了解孩子主题,但是必须对整个入队过程进行管理,这对我来说很混乱。我使用了一个插件,Child Theme Configurator,使主要的子主题样式表入队。

我已经浏览了Stackoverflow中的几篇博客文章和问题,但是找不到特定问题的答案。

是否可以像这样排入多个样式表?

如果是这样,我在做什么错了?

0 个答案:

没有答案