Afficher un logo d'en-tête différent selon la catégorie ?

Dev
1

Existe-t-il un moyen d’afficher un logo principal différent dans l’en-tête (en haut à gauche) lors de la navigation dans les discussions d’une catégorie spécifique ou de ses sous-catégories ? Merci.

2

Je pense que le corps inclut une classe category-{catégorie ici}, que vous pouvez utiliser pour modifier le CSS spécifique à chaque catégorie.

3

Je ne sais pas comment exécuter un script après le chargement du contenu de la page (je suis aussi intéressé de le savoir !), mais pour changer l’image du logo, vous pouvez faire ceci :

// dans une condition du type si category == "somecategory" alors…
document.getElementById("#site-logo").src = settings.theme_uploads.logo_cat1;

où logo_cat1 est le nom de la variable d’un logo personnalisé :
image

4

J’ai récemment eu le même problème. Je sais que c’est un vieux sujet, mais voici une solution au cas où quelqu’un tomberait dessus.

Vous pouvez utiliser CSS et exploiter les classes de l’élément body pour détecter dans quelle catégorie vous vous trouvez.

// Ne pas afficher le logo normal du site
body.category-something #site-logo {
    display: none;
}

// Afficher une autre image dans le titre
body.category-something .home-logo-wrapper-outlet {
    height: 50px;
    width: 100px;
    background-image: url($category-something-image);
}

J’espère que cela a du sens :slight_smile:

5

Je pense que vous devriez placer votre image sur l’élément <a>, sinon le lien du logo s’effondrera.

// Afficher une autre image dans le titre
body.category-something .d-header .title a {
 ...
}
6

Ah, c’est vrai, je me concentrais surtout sur les sélecteurs CSS. Merci de m’avoir corrigé.

1 « J'aime »