如何将wp_enQueue_style()输出到HTML头而不是页脚

时间:2016-01-13 作者:Bunjip

我添加了一些操作wp_enqueue_scripts 要在标题部分加载自定义css和js文件,请使用wp_head(); 就在收盘前</head> 标签

function mytheme_scripts(){
    // Load our main stylesheet
    wp_enqueue_style( \'mytheme-css\', get_template_directory_uri() . \'/css/styles.min.css\', false);
    // Load concatenated vendors JavaScript file
    wp_enqueue_script( \'vendors-js\', get_template_directory_uri() . \'/js/vendors.min.js\');
    // Load our main JavaScript file
    wp_enqueue_script( \'mytheme-js\', get_template_directory_uri() . \'/js/app.min.js\', array( \'vendors-js\' ));

}
add_action( \'wp_enqueue_scripts\', \'mytheme_scripts\', false);
而两者*.js 文件以HTML格式加载<head> 节自定义*.css 文件加载到页面的页脚中(可能由wp_footer()).

我读到一个事实wp_enqueue_scripts() 可以放置在任何早期WP版本之后的源代码中的任何位置。我也读过wp_enqueue_script() 有一个参数$in_footer 控制输出位置。然而wp_enqueue_style() 没有这样的选择。

现在,如何将自定义样式表链接放置在HTML标题部分,而不将其硬编码到header.php?

2 个回复
SO网友:miftah al rasyid

钩住初始插件函数上的init操作

add_action(\'init\', array(__CLASS__, \'your_function_within_class\'));
并添加函数

public static function your_function_within_class()
{
    
    wp_register_style(\'myfirstplugin-admin-css\', \'/wp-content/plugins/myfirstplugin/assets/style.css\', false);
    
    wp_enqueue_style(\'myfirstplugin-admin-css\');
}
希望这能有所帮助

SO网友:Diego Betto

您可以将挂钩更改为get_footer 因此文件被插入页脚

尝试更改

add_action( \'wp_enqueue_scripts\', \'mytheme_scripts\', false);

add_action( \'get_footer\', \'mytheme_scripts\', false);

相关推荐