WP移动样式CSS具有WP_head函数

Question

我在我的WordPress网页上的Body标签中有此CSS代码：

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

我需要将其放入Head标签中以进行性能和SEO目的。我搜索了它，并在includesbuilderfunctions.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挂机之前运行，否则不会发生任何事情。

我想您试图为时已晚。也许是从 get_header函数之后的主题模板文件中进行的。您可以将该代码放在主题的functions.php文件中，并且应该有效。