WordPress : Comment ajouter un fichier CSS personnalisé dans le thème ?

Publié par Jean-Michel le

Certains thèmes vous demandent de ne pas modifier le fichier style.css, mais plutôt d’utiliser le fichier custom.css. Si vous écrivez du code sur custom.css, il écrasera le même style d’élément dans style.css. Je pense que cela est fait afin d’éviter la perte de styles utilisateur lors de la mise à jour du thème, n’est-ce pas?

Comment cela fonctionne ? Inclut-il déjà le fichier custom.css dans son thème ? Mais comment ce fichier est-il inclus dans le thème pour que le thème recherche d’abord le style dans custom.css ? Merci.

Lire également:  Wordpress : nouveau modèle de barre latérale de page par défaut

Solution n°1 trouvée

J’ajoute généralement ce morceau de code si je veux ajouter un autre fichier css

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/my_custom_css.css" type="text/css" media="screen" />

Je pense que les créateurs de thèmes veulent conserver autant que possible la conception de la mise en page du thème. Ainsi, un fichier CSS personnalisé ne fait pas beaucoup de mal. Je pense que c’est plus une question d’assistance. Avec un fichier CSS personnalisé, les créateurs peuvent aider ceux qui utilisent leurs thèmes plus facilement. Étant donné que le style.css d’origine n’est pas modifié, le créateur de thème peut probablement jeter un coup d’œil dans le fichier css personnalisé.

Lire également:  Wordpress : Supprimer l'animation du thème WP (css)

Solution n°2 trouvée

Utiliser @import dans WordPress pour ajouter du css personnalisé n’est plus la meilleure pratique, mais vous pouvez le faire avec cette méthode.

la meilleure pratique consiste à utiliser la fonction wp_enqueue_style()dans functions.php.

Exemple :

wp_enqueue_style ('theme-style', get_template_directory_uri().'/css/style.css');
wp_enqueue_style ('my-style', get_template_directory_uri().'/css/mystyle.css', array('theme-style'));

Solution n°3 trouvée

Activez le thème enfant et ajoutez l’exemple de code suivant dans le function.php

add_action( 'wp_enqueue_scripts', 'child_enqueue_styles');

function child_enqueue_styles() {

wp_enqueue_style( 'reset-style', get_template_directory_uri() . '/css/reset.css', array());
}
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 *