使用unctions.php在<style>上排序样式表

时间:2013-04-06 作者:ditto

我正在加载样式表和style 使用函数输入标题。php。这是可行的,但样式表显示在<style>. 我需要订购样式表above 这个style

/*-----------------------------------------------------------------------------------*/
/*  Load CSS into header
/*-----------------------------------------------------------------------------------*/

function folio_dynamic_css() {

    wp_enqueue_style( \'theme\', get_template_directory_uri() . \'/assets/css/style.css\', false, \'1.0\', \'all\' );

    ob_start();

    echo \'<style type="text/css">\';

    # css styles here

    echo \'</style>\';

    # compress CSS
    $output = ob_get_clean();
    echo preg_replace(\'/^\\s+|\\n|\\r|\\s+$/m\', \'\', $output) ."\\n";

}
add_action(\'wp_enqueue_scripts\', \'folio_dynamic_css\', 1 );

1 个回复
最合适的回答,由SO网友:Milo 整理而成

您不应该在wp_enqueue_scripts 胡克,正在排队。将css输出移动到连接到的函数wp_head 优先级低于8,这是列队样式打印时的优先级wp_head:

function folio_enqueue_css() {  
    wp_enqueue_style( \'theme\', get_template_directory_uri() . \'/assets/css/style.css\', false, \'1.0\', \'all\' );
}
add_action( \'wp_enqueue_scripts\', \'folio_enqueue_css\', 1 );

function folio_dynamic_css() {
    ob_start();
    echo \'<style type="text/css">\';
    # css styles here
    echo \'</style>\';
    # compress CSS
    $output = ob_get_clean();
    echo preg_replace(\'/^\\s+|\\n|\\r|\\s+$/m\', \'\', $output) ."\\n"; 
}
add_action( \'wp_head\', \'folio_dynamic_css\', 20 );

结束

相关推荐

有没有将CMS图片与css结合使用的好方法

我正在构建一个响应迅速的wordpress主题,允许将自定义横幅图像上载到每个页面。然而,由于主题的响应性,我需要使用css将图像设置为背景图像,以实现正确的效果。但是,我不想在html标记中随意添加css样式。是否可以从页面模板中提取图像url并将其动态放入css文件中?我在这里找到了一个没有滑块功能的示例:http://emporiumpies.com/看起来他们正在对css文件中的图像进行硬编码,但这正是我想要的视觉效果。我只需要弄清楚如何将其绑定到wordpress CMS中。任何帮助都将不胜感激