带有 wp_head 功能的 WP 移动样式 css

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 钩子触发之前运行，否则什么都不会发生。

我猜你试图挂钩该功能为时已晚。可能来自get_header 函数之后的主题模板文件。您可以将该代码放在主题的 functions.php 文件中，它应该可以工作。