Warum ist es besser, wp_enqueue_style als den Link-Tag in WordPress zu verwenden?

Ich bin ziemlich neu in der WordPress-Entwicklung. Ich habe gelesen, dass es besser ist, es zu verwenden wp_enqueue_style Und do_action im Inneren functions.php Datei anstatt CSS-Dateien direkt zu verknüpfen, wie ich es tun würde, wenn ich WordPress nicht verwende.

Warum ist dies eine Best Practice? Was sind seine Vorteile?

Wenn Sie ein untergeordnetes Thema aktiviert haben, verwenden Sie es get_template_directory_uri() Funktionen.

Wenn Sie das übergeordnete Thema aktiviert haben, verwenden Sie es get_stylesheet_directory_uri() Funktionen.

get_template_directory_uri verweist für Assets immer auf den übergeordneten Theme-Ordner.

get_stylesheet_directory_uri verweist auf den „aktuellen“ Themenordner für Assets (der übergeordnete oder untergeordnete Ordner sein kann, je nachdem, wo er aufgerufen wird).

Beispiel für ein Kinderthema:

wp_enqueue_style( 'my_child_styles', get_stylesheet_directory_uri().'/style.css' );

Beispiel für ein übergeordnetes Thema

wp_enqueue_style( 'my_parent_styles', get_template_directory_uri().'/style.css' );

Methode 1

// load css into the website's front-end
function mytheme_enqueue_style() {
    wp_enqueue_style( 'mytheme-style', get_stylesheet_directory_uri().'/style.css' ); 
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_style' );

Methode 2

// Add this code in your functions.php
function add_stylesheet_to_head() {
      echo "<link href="".get_stylesheet_directory_uri()."/style.css" rel="stylesheet" type="text/css">";
}

add_action( 'wp_head', 'add_stylesheet_to_head' );

Weil wp-enqueue-style der Warteschlange Skripte/Stile hinzufügt.

Registriert den Stil, wenn die Quelle angegeben ist (überschreibt ihn NICHT) und stellt ihn in die Warteschlange.