Ajout de style.css dans wordpress, de la bonne manière

Publié par Jean-Michel le

Je suis donc super nouveau dans le développement de thèmes WordPress et dans le développement Web en général et j’essaie de comprendre l’écosystème WP. Toute aide sera très appréciée

en parcourant quelques tutoriels WP, j’ai découvert qu’il existe plusieurs façons d’inclure des fichiers style.css dans wordpress. À savoir,

  1. <?php bloginfo('stylesheet_url'); ?>
  2. <?php echo get_stylesheet_uri(); ?>
  3. <?php echo get_template_directory_uri(); ?>/style.css

Les 3 premières lignes de code peuvent être ajoutées dans header.php

Lire également:  Wordpress : Wpautop dans wp_editor ne fonctionne pas

En dehors de cela, nous pouvons également utiliser la fonction-wp_enqueue_style()

Ma question est la suivante: quelle est la bonne façon d’inclure style.css dans un modèle wordpress ..

Solution n°1 trouvée

Tout fonctionnera pour vous et il n’y a pas quelque chose comme « la bonne manière » dans mon idée. de toute façon en utilisant <?php bloginfo('stylesheet_url'); ?>parce que c’est la fonction wordpress pour cela, et c’est dans headla balise peut être mieux.

Lire également:  Catégories et sous-catégories Wordpress

Solution n°2 trouvée

Je crois que l’utilisation wp_enqueue_style()est basique et plus appropriée.

Si vous vouliez que la feuille de style ne soit référencée que sur un modèle de page particulier, faites ceci

if ( is_page_template('template-directory/template-name.php')) {
    wp_enqueue_style( 'theme_css', get_template_directory_uri() . '/directory/filename.css');
}

ou vous le faites simplement si ce n’est pas spécifique à un modèle de page.

wp_enqueue_style( 'theme_css', get_template_directory_uri() . '/directory/filename.css');

Ce morceau de code devra aller dans votre fichier functions.php. En savoir plus à ce sujet ici -> https://developer.wordpress.org/themes/basics/incluant-css-javascript/#stylesheets

Lire également:  Wordpress : N'importe quel sélecteur de thème mobile - Thème incomplet (feuille de style manquante)

Vous voulez également faire attention à l’ordre dans lequel vous avez référencé vos fichiers CSS -> Dans quel ordre les feuilles de style CSS sont-elles prioritaires ?

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *