WP bewegen Stil CSS mit wp_head Funktion

Question

Ich habe diese CSS-Code innerhalb des Body Tag auf meinem Wordpress-Webseite:

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

Ich brauche es für die Leistung und SEO Zwecke innerhalb Head Tag zu legen. Ich für sie gesucht und gefunden innen includes\builder\functions.php diesen Code:

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); 

Also habe ich versucht, den letzten Teil zu ändern, so dass es wie add_action('wp_head', ... aussieht, aber funktioniert nicht.

Wie ich sagte, ich brauche es für Leistungszwecke, ich möchte die Seite alle diese CSS-Stile vor dem Malen die ganze Seite laden, so dass es mit JS ist keine Alternative.

PD: Sorry für mein schlechtes Englisch

Answer 1

wp_head() Funktion wird für Sie arbeiten, zunächst einmal prüfen in Ihrem aktuellen Thema der Dateien (höchstwahrscheinlich header.php) sicher zu stellen, dass die wp_head() Funktion aufgerufen wird.

Ihr Code muss ausgeführt werden, bevor der wp_head Haken ausgelöst wird oder nichts passiert.

Ich vermute, Sie versuchen, diese Funktion zu spät zu Haken. Vielleicht aus einer Vorlage Vorlage nach get_header Funktion. Sie können diesen Code in die functions.php Datei des Themas einfügen und es sollte funktionieren.