Programmation

WordPress : Modifier ou compléter les feuilles de style avec wp_enqueue_style et wp_dequeue_style

1 minute de lecture

Logo WordPressQuiconque a déjà travaillé avec WordPress sait qu’il peut arriver que les plugins ajoutés apportent leurs propres styles et doivent donc éventuellement être adaptés. Bien sûr, ce n’est pas une très bonne idée de modifier les styles directement dans le plugin, car lors de la prochaine mise à jour, les modifications disparaîtront. De plus, les styles ne peuvent souvent pas être écrasés par le fichier style.css du répertoire racine, car les styles des plugins sont souvent chargés plus tard.

Voici comment faire : wp_enqueue_style / wp_dequeue_style

# Der Code hier sollte in die functions.php eingetragen werden
# Sollte das Theme ein Child-Theme sein, und es gibt noch keine functions.php in 
# dem Child-Theme-Verzeichnis, dann genügt eine eigene functions.php in dem 
# Child-Theme Verzeichnis mit den Angaben hier unten (die neuen Anweisungen 
# und Funktionen ergänzen dann die functions.php des Parent-Themes)
#
# Hier wird verhindert, das "Problem_Stylesheet" zu laden
# 'plugin-style' ist der unique Identifier

function plugin_style_drop(){
  wp_dequeue_style( 'plugin-style' );
}

# Hier wird ein extra Stylesheet eingebunden
# Beispielsweise um die Stylesheet Informationen eines Formular-PlugIns zu überschreiben

function style_extension_scripts() {
  wp_enqueue_style( 'custom-plugin-style', get_template_directory_uri() . '/plugin-new-style.css' );
}

# Hier werden die Funktionen ausgeführt
# wp_print_scripts; diese Funktion stellt sicher, dass das zu 
# dequeuende Style auch geladen wurde, um es sicher zu entfernen
# Die Prio wird als drittes Argument in add_action hinzugefügt,
# der Wert kann individuell angepasst werden

add_action( 'wp_print_scripts', 'plugin_style_drop', 100 );
add_action( 'wp_enqueue_scripts', 'style_extension_scripts', 101 );

Publié le 16. juin 2014, mis à jour le