Die Einbindung von Stylesheets und Scripts in WordPress ist etwas speziell. Anstatt diese einfach im <head> zu verlinken. Werden sie in der functions.php registriert.
Stylesheets
Stylesheets werden durch die Funktion wp_register_style registriert.
//Styles
add_action( 'wp_enqueue_scripts', 'ms_register_style' ); //Name kann frei gewählt werden
function ms_register_style() { //muss hier der Selbe sein
//Laden der normalize.css
wp_register_style( 'normalize', get_template_directory_uri() . '/css/normalize.css');
wp_enqueue_style( 'normalize' );
//Laden der Standard style.css
wp_register_style( 'style', get_stylesheet_uri());
wp_enqueue_style( 'style' );
//Laden der slick.css
wp_register_style( 'slick', get_template_directory_uri() . '/css/slick.css');
wp_enqueue_style( 'slick' );
}
Skripte
Skripte werden durch die Funktion wp_register_script registriert.
//Scripts
add_action( 'wp_enqueue_scripts', 'ms_register_script' ); //Name kann frei gewählt werden
function ms_register_script() {
//Laden der slick.js
wp_register_script( 'slick', get_template_directory_uri() . '/js/slick.js', '', null, true); //true besagt, dass die Skripte im Footer eingebunden werden
wp_enqueue_script( 'slick' );
}
Alles was auf diese Weise registriert wird, lädt WordPress im <head> durch den Eintrag <
?php wp_head();?>
Ausnahme: Werden Scripte mit dem Argument "true" (siehe Code) registriert, so werden diese im Footer geladen. Den Eintrag <?php wp_footer();?>
vorausgesetzt.