How to load css in the footer

时间:2015-05-01 作者:Giulio Bambini

我试图转移我的风格。我的wordpress主题页脚中的css。我已经对2个js文件做了类似的操作,效果很好,它们加载在页脚中:

function my_init() {
    if (!is_admin()) {
        wp_deregister_script(\'jquery\');
        wp_register_script(\'jquery\', \'http://www.studionews24.com/wp-content/themes/network/js/jquery.min.js\', false, \'1.3.2\', true);
        wp_enqueue_script(\'jquery\');

        // load a JS file from my theme: js/theme.js
        wp_enqueue_script(\'my_script\', \'http://www.studionews24.com/wp-content/themes/network/js/menu-resp.js\', array(\'jquery\'), \'1.0\', true);
    }
}
add_action(\'init\', \'my_init\');
现在我正在尝试在页脚中移动样式。css,并在标记中只保留一些内联css规则。我尝试了wp\\U enqueue\\u风格,但它似乎对我不起作用。

有人能帮我找到一个聪明的解决方案吗?

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

实际上,所有样式都应该放在标题中。所以WordPress在wp_enqueue_style 功能,因为传统上所有样式都是在head. 最近,许多网站都转向了一种系统,在该系统中,关键的“叠上”样式加载在头部,而其他样式加载在页脚。

所以这里有一个方法:你可以使用print_late_styles() 在页脚中调用的函数。当标题已经传递时,只需将样式排队即可。

因此,您需要找到一些钩子,这些钩子在每个页面上和之后都会被调用wp_head 钩例如get_footer 可能是一个。

function prefix_add_footer_styles() {
    wp_enqueue_style( \'your-style-id\', get_template_directory_uri() . \'/stylesheets/somestyle.css\' );
};
add_action( \'get_footer\', \'prefix_add_footer_styles\' );

结束

相关推荐

Call Shortcode on wp_footer

是否可以在帖子/页面内容区域之外调用快捷码?我试图用以下代码将其添加到wp\\U页脚,但它返回字符串:add_shortcode(\'eps_pop\', \'init\'); function indtable_display_front_end($atts ) { global $post; extract( shortcode_atts( array( \'id\' => \'\' ), $atts ) );&#x