1. Ajouter une class CSS personnalisée pour la transparence :
Dans le menu “Apparence” > “Personnaliser” > “CSS additionnel” dans WordPress, vous pouvez ajouter une nouvelle classe pour gérer les effets de transparence. Par exemple :
.transparent { opacity: 0.5; /_ Pour les anciens navigateurs _/ filter: alpha(opacity=50); }Dans cet exemple, la classe “transparent” est créée et définie avec une opacité de 50%. Vous pouvez modifier la valeur de 0,1 pour un effet plus lumineux ou sombre.
1. Appliquer la classe aux éléments souhaités :
Ensuite, vous devez appliquer cette classe aux éléments souhaités sur votre site WordPress. Par exemple, si vous souhaitez que le fond de votre menu de navigation soit partiellement transparent, vous pouvez modifier votre code CSS en ajoutant cette classe.
Pour appliquer la classe “transparent” à votre menu, ajoutez simplement le code suivant dans votre fichier CSS personnalisé :
#main-navigation { background-color: #FFF; /_ Fond blanc _/ opacity: 0.5; filter: alpha(opacity=50); /_ Effet de transparence _/ }Dans cet exemple, la classe “transparent” est ajoutée à l’ID “main-navigation” de votre menu de navigation, et l’opacité est réduite à 50%. Vous pouvez personnaliser la classe selon vos préférences de manière similaire pour les autres éléments de votre site.
