有没有办法动态地向样式css文件中添加附加的css样式?

时间:2015-10-14 作者:1.21 gigawatts

我想在样式中添加其他样式。将css文件发送到客户端之前。这可能吗?

当前样式。css包含:

/*
Theme Name: My Theme
Theme URI: https://example.com/themes/vanilla/
...
*/

...

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

// MY ADDITIONAL CSS HERE
我想在该文件的末尾动态添加其他CSS。这可能吗?

例如,在我的索引中。php:

<?php 
if ( have_posts() ) : 

   while ( have_posts() ) : the_post();
   // normal post stuff


    moreCSS = $myPost->moreCSS;
    addMoreCSSToStyles_css(moreCSS);

    endwhile;
?>

1 个回复
SO网友:iulia

你可以enqueue 仅针对index.php 使用conditional tags

应在中添加以下代码functions.php

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() 
{
 if ( is_home() ) 
 {      
      wp_enqueue_style( \'style-name\',  get_template_directory_uri() .   "/path_to_file/yourStylesheet.css\' ); 
 }
}

add_action( \'wp_enqueue_scripts\', \'theme_name_scripts\' );

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s