Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Accueil » Divi astuces » Afficher un logo différent dans le menu sur une page specifique

Afficher un logo différent dans le menu sur une page specifique

Temps de lecture : < 1 minute

Appliquer un logo distinct sur des pages spécifiques dans Divi est simple grâce au CSS personnalisé. Voici une méthode efficace pour optimiser vos designs et améliorer l’expérience utilisateur.


Étapes pour un logo personnalisé :

  1. Identifier l’ID de la page :
    Accédez à la section Pages de WordPress, survolez Modifier, et trouvez l’ID dans l’URL affichée.
  2. Ajouter du CSS personnalisé :
    Collez ce code CSS dans les paramètres de la page ou via le Theme Customizer. Remplacez l’ID et l’URL du logo
  3. Copier le code
body.page-id-123 #logo {
    content: url('URL-DU-NOUVEAU-LOGO');
}

4. Sauvegarder et tester :
Activez le visuel pour valider l’affichage du logo.


Pourquoi utiliser cette astuce ?

  • Branding flexible : Idéal pour les entreprises ayant des sous-marques.
  • Expérience utilisateur : Assure une navigation cohérente avec le contenu.
Aller + loin  Corriger le problème de menu trop long sur mobile en ajoutant une scrollbar

Continuer la lecture

Intégrer la balise Google analytics à son site

Google Analytics est un outil indispensable pour suivre les performances de votre site web et comprendre le comportement de vos visiteurs. Si vous utilisez WordPress et le thème Divi, vous avez de la chance, car l’intégration de Google Analytics est à la fois simple...

lire plus