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  Comment Créer un Méga Menu sur DIVI ou avec l'Extension Max Mega Menu

Continuer la lecture

Créer des effets d’apparition captivants avec Divi

Le design web joue un rôle clé dans l’expérience utilisateur en ligne, et les animations subtiles, comme les effets d’apparition, permettent d’ajouter une touche dynamique et professionnelle à un site internet. Avec le thème Divi, l’un des constructeurs de pages les...

lire plus