Lorsque vous personnalisez votre site WordPress, il est souvent nécessaire d’ajouter du code CSS pour apporter des modifications esthétiques. Cependant, l’ajout de code CSS de manière incorrecte ou non sécurisée peut entraîner des problèmes de compatibilité, de performance ou même de sécurité sur votre site. L’ajout de code CSS personnalisé peut être une excellente façon de personnaliser l’apparence de votre site WordPress. Cependant, il est essentiel de le faire en toute sécurité pour éviter les problèmes potentiels.
Pourquoi ajouter du code CSS sur WordPress ?
L’ajout de code CSS sur WordPress vous permet de personnaliser l’apparence de votre site en modifiant la mise en page, les couleurs, les polices, la disposition des éléments, et même en le rendant responsive. Pour éviter les failles de sécurité, il est crucial d’ajouter correctement le code CSS, en respectant l’emplacement requis. Sur cette page web, vous trouverez plus d’informations sur l’ajout de code CSS sur WordPress.
De cette manière, il ne devrait pas poser de problème lors des mises à jour du thème WordPress. Cependant, une mauvaise intégration du code CSS peut rendre celui-ci inefficace et causer des problèmes lors des mises à jour ou des changements de thèmes.
Comment modifier le code CSS de votre thème WordPress ?
Chaque thème WordPress inclut un fichier de style CSS (style.css) que vous pouvez personnaliser. Vous avez également la possibilité d’ajouter du code CSS aux fichiers de modèles comme header.php, qui sont écrits en PHP et HTML. Avant de modifier quoi que ce soit, il est crucial de sauvegarder votre site WordPress pour pouvoir revenir à une version précédente en cas d’erreur, particulièrement si vous débutez.
Ajouter du code CSS avec Divi Builder
Ajouter du code CSS avec Divi Builder sur WordPress est simple et pratique. Accédez au menu Divi dans la barre latérale, puis sélectionnez « Options du thème ». Choisissez l’onglet « Général » et trouvez la section « CSS personnalisé ». Il vous suffit de saisir votre code CSS dans le champ de texte dédié et de sauvegarder les modifications.
Comment ajouter du code CSS dans un thème enfant ?
Si vous n’avez pas d’éditeur visuel, il est recommandé d’ajouter le code CSS personnalisé à un thème enfant pour éviter de perdre vos modifications lors des mises à jour du thème principal. Pour créer un thème enfant :
- rendez-vous dans le menu « Apparence » > « Thèmes ».
- Cliquez sur « Ajouter » pour créer un thème enfant associé à votre thème principal.
- Une fois que vous disposez d’un thème enfant sur votre site WordPress, vous pouvez le modifier en accédant à « Apparence » > « Editeur ».
- Sélectionnez le thème enfant que vous souhaitez modifier, puis ajoutez votre code CSS personnalisé dans le fichier style.css.
Ajouter du code CSS via un client FTP
Si vous êtes habitué à travailler avec un client FTP tel que FileZilla, vous pouvez également ajouter du code CSS en utilisant cette méthode. Connectez-vous à votre client FTP en utilisant les informations d’identification fournies par votre hébergeur. Naviguez jusqu’au dossier wp-content, puis ouvrez le dossier de votre thème. Recherchez le fichier style.css et ouvrez-le à l’aide d’un éditeur de texte. Ajoutez votre code CSS personnalisé à la fin du fichier, enregistrez les modifications, puis téléchargez le fichier sur votre serveur pour que les modifications prennent effet sur votre site WordPress.