Ajout de CSS personnalisés avec un plugin

Cet article vous explique comment ajouter vos styles CSS personnalisés via le plugin cssjsperso.

Téléchargez le plugin ci-dessous :

Archive .zip du plugin

Via le gestionnaire d’extension de WordPress ou en utilisant un client FTP comme Filezilla, installez le plugin. Si vous utilisez le gestionnaire d’extension, vous ne devez pas décompressez l’archive.zip pour l’installer.

Activez le plugin sur votre site.

Vous allez maintenant modifier le fichier cssjsperso.css du plugin avec vos propres paramètres de mise en forme afin de les intégrer dans votre thème.

Pour modifier le fichier cssjsperso.css dans le backoffice de WordPress :

  1. Cliquez sur Extensions / Éditeur.
  2. Sélectionnez l’extension CSS & JS Perso dans le menu déroulant.
  3. Cliquez le bouton Sélectionner.
  4. Ouvrez le fichier cssjsperso.css.
  5. Saisissez vos CSS personnalisés.
  6. Enregistrez vos modifications

Maintenant que vos styles personnalisés sont intégrés, vous pouvez les utiliser dans vos articles.

Ouvrez un article ou une page de votre choix et activez l’onglet Texte. Vous pouvez maintenant utiliser vos classes CSS personnalisés.

Deux précautions à prendre :

  • Pensez à ajouter les balises <p></p> si il n’y en a pas.
  • Ne sautez pas de lignes entre les balises et le texte comme dans l’exemple ci-dessous
<!-- Valide -->
<p class="introduction">Exemple pour une classe</p>

<!-- Non valide -->
<p class="introduction">
     Exemple pour une classe
</p>

 

Cela peut vous intéresser :

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.