css - WP 移动样式 css 与 wp_head 功能

Question

我在我的 Wordpress 网页上的 Body 标签内有这个 css 代码:

<style type="text/css" id="et-builder-advanced-style"> 
    //some css here 
</style>

出于性能和 SEO 目的，我需要将它放在 Head 标记内。我搜索了一下，在 includes\builder\functions.php 中找到了这段代码:

function et_pb_maybe_add_advanced_styles() {
      $styles['et-builder-advanced-style'] = ET_Builder_Element::get_style();
      $styles['et-builder-page-custom-style'] = et_pb_get_page_custom_css();

      foreach( $styles as $id => $style_data ) {
        if ( ! $style_data ) {
            continue;
        }

        printf(
            '<style type="text/css" id="%2$s">
                %1$s
            </style>',
            $style_data,
            esc_attr( $id )
        );
      }
}
add_action( 'wp_footer', 'et_pb_maybe_add_advanced_styles', 1 );

所以我尝试更改最后一部分，使其看起来像 add_action( 'wp_head', ... 但不起作用。

正如我所说的出于性能目的我需要它，我希望页面在绘制整个页面之前加载所有这些 css 样式，因此使用 JS 移动它不是一个替代方案。

PD:抱歉我的英语不好

Answer 1

wp_head() 函数将为您工作，首先检查您当前主题的文件(很可能是 header.php)以确保 wp_head() 函数被调用。

您的代码必须在 wp_head 钩子(Hook)触发之前运行，否则什么也不会发生。

我猜您尝试 Hook 该函数的时间太晚了。可能来自 get_header 函数之后的主题模板文件。您可以将该代码放在主题的 functions.php 文件中，它应该可以工作。