要添加外部Atylesheet:
一般来说,您应该使用
wp_enqueue_style()
函数向主题添加外部样式表。
function wpse259600_add_style() {
wp_enqueue_style( \'theme_critical\', get_template_directory_uri() . \'/css/critical.css\', array(), \'1.0.0\' );
}
add_action( \'wp_enqueue_scripts\', \'wpse259600_add_style\' );
添加内部样式表:但是,如果(出于任何原因)必须添加内部样式表(即在HTML中打印整个CSS文件
<head>
使用标记
<style>
标签),然后您可以使用
inclue_once
如下所示:
add_action( \'wp_head\', \'wpse259600_internal_css_print\' );
function wpse259600_internal_css_print() {
echo \'<style type="text/css">\';
// this will also allow you to use PHP to create dynamic css rules
include_once get_template_directory() . \'/css/critical.css\';
echo \'</style>\';
}
这不会在中生成警告
theme check
. 尽管如此,我不建议这样做。如果要以这种方式添加自定义CSS,最好使用customizer主题选项将其保存到数据库中,然后使用
wp_add_inline_style
与主题的主CSS文件一起使用。