时间戳

首页 > 解决方案 > wp_add_inline_style 不添加到队列中

wordpress - wp_add_inline_style 不添加到队列中

问题描述

我正在尝试使用函数 wp_add_inline_style() 将 css 添加到 .css 文件，但是当它运行时，它会将 css<style>添加到标签下的页面而不添加到 .css 文件中，我排队（文件为空）。请给我一些建议。非常感谢

wp_enqueue_style('custom-css', fw_get_framework_directory_uri( '/static/css/custom.css' ));
wp_add_inline_style('custom-css', $custom_css);

标签： wordpress

解决方案

wp_add_inline_style()不会将 CSS 添加到您的样式表中。您添加的那些自定义 CSSwp_add_inline_style()将在 CSS 文件之后加载。您可以通过查看页面的源代码来确认这一点。

假设您正在尝试在 29 主题中添加一些样式。例子：

wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), '1.0' );
wp_add_inline_style( 'twentynineteen-style', 'p{font-size:16px;}' );

使用wp_add_inline_style()您可以添加自定义样式。

现在在源代码中，您可以看到这样的内容。

<link rel='stylesheet' id='twentynineteen-style-css'  href='http://review.test/wp-content/themes/twentynineteen/style.css?ver=1561096667' type='text/css' media='all' />
<style id='twentynineteen-style-inline-css' type='text/css'>
p{font-size:16px;}
</style>

您可以看到自定义 CSS<style>在主样式表加载后显示在标签内。

推荐阅读