Modifier l’apparence d’un menu dans WordPress avec CSS
Il arrive parfois qu’un thème ne convienne pas au design de votre site web. Par exemple, il se peut que vous souhaitiez utiliser une couleur qui n’est pas proposée par défaut, ou déplacer un élément sur la page de quelques centimètres vers la gauche ou la droite. Pour faire ce type de modifications, vous pouvez utiliser CSS dans votre tableau de bord WordPress.
Remarque : ces modifications CSS s’appliquent uniquement au thème actif et seront toujours valables après les mises à jour du thème, sans devoir ajouter de thème enfant. Par contre, si vous changez de thème actif, vous devrez à nouveau appliquer vos modifications CSS.
- Se connecter à WordPress.
- Dans le menu de gauche, sélectionnez Appearance (Apparence), puis Customize (Personnaliser).
Remarque : si Editor (Éditeur) s’affiche au lieu de Customize (Personnaliser) après avoir sélectionné Appearance (Apparence), voici comment modifier le design du menu ou ajouter des CSS personnalisées dans le nouvel éditeur de site.
- Dans le menu de gauche, sélectionnez Additional CSS (CSS supplémentaires).
- Dans le champ situé en dessous, saisissez le code CSS que vous souhaitez utiliser.
- Sélectionnez Publier.
Vos modifications apparaissent à présent dans le menu modifié sur tout votre site.
Remarque : si vos modifications n’apparaissent pas lorsque vous rechargez la page de votre navigateur :
- Si votre site fonctionne sur Managed WordPress, videz le cache intégré utilisé par cette plateforme.
- Si votre site ne se trouve pas sur un hébergement WordPress et que vous utilisez un plug-in de mise en cache tiers, videz le cache du plug-in. Pour obtenir de l’aide à ce sujet, consultez la documentation du plug-in en question.
En savoir plus
- Consultez les informations détaillées sur WordPress et CSS, notamment les classes CSS générées par WordPress.
