Pourquoi @import ne devrait-il pas être utilisé pour importer un thème parent dans un thème enfant?
J'ai quelques expériences avec Wordpress, mais je m'en suis éloigné pendant un certain temps. J'ai vu de nombreux exemples d'utilisation de @import au début du thème enfant pour importer le thème parent.
J'ai été surpris de lire ici que la bonne méthode consiste à utiliser wp_enqueue_style à l'intérieur de functions.php au lieu de @import pour charger des thèmes parents.
J'ai lu l'explication au bas de la page mais je ne l'ai pas vraiment comprise. L'utilisation de @import at-elle un effet négatif sur les performances? Quel serait l'avantage concret de parcourir et d'actualiser mes thèmes selon la méthode appropriée, le cas échéant?
@import est un raccourci CSS pratique pour charger une feuille de style particulière (souvent des thèmes parents ou d’autres dépendances), mais une partie de la raison pour laquelle elle est généralement déconseillée est due à - comme vous l’avez mentionné - à une petite baisse de performance (les feuilles de style chargées avec @import ne sont pas chargées) en parallèle).
Une autre raison est qu'en chargeant les feuilles de style avec la fonction wp_enqueue_style de Wordpress, vous définissez vos dépendances de style au niveau du serveur et vous pouvez donc définir des conditions permettant de charger une feuille de style particulière - ou bien et non - approprié.
Voici un scénario de cas d'utilisation particulier qui met en évidence ce dont je parle:
Vous avez développé un thème qui utilise plusieurs feuilles de style ayant chacune leur propre jeu de couleurs:
red.css
blue.css
green.css
default.css
Chaque couleur dépend du style par défaut du thème , style.css , et le thème lui-même étend le style propre du thème parent , = . Afin de sélectionner un jeu de couleurs, vous avez ajouté une liste déroulante d'option de thème qui vous permet de choisir parmi les différentes options.
En utilisant wp_enqueue_style, vous pourrez non seulement mettre en file d'attente uniquement le jeu de couleurs approprié en fonction de l'existence et de la valeur de l'option de couleur, mais également définir l'ordre dans lequel toutes les différentes feuilles de style peuvent être chargées sans recourir à l'interprétation du navigateur. de l'ordre @import.
Parce que dans un format standard de wordpress, il est utilisé pour inclure stylesheet.css. Bien que stylesheet puisse être inclus mais nous ne le faisons pas puisque wordpress définit son propre format standard.