web-dev-qa-db-fra.com

Logo différent sur la page d'accueil

J'ai chargé un fichier en tant que logo principal dans les paramètres de thème, mais j'aimerais un logo différent sur la page principale. Le thème que j'utilise possède une option CSS personnalisée dans les paramètres du thème. Puis-je utiliser un CSS personnalisé pour le modifier uniquement sur la page d'accueil et non sur le reste du site?

Thème: http://demo.ghostpool.com/?theme=bounce-bp

themescustomizationcss
1
user26480

Il semble que le concepteur de thème dispose d'un moyen d'utiliser un logo différent sur la page d'accueil. En regardant votre header.php aux lignes 83-93.

Si votre thème détecte qu'il s'agit de la page d'accueil, le titre est entouré d'une balise <h1>, sinon, il est entouré d'un <div>. Les deux ont id='logo'.

Si vous pouvez ajouter des fichiers css personnalisés, vous pouvez utiliser le remplacement de l'image css pour remplacer cette balise <h1> par une image différente sur votre page d'accueil.

0
cpilko

sur header.php vous pouvez trouver ces tags:

 <div id = "logo" style = ""> 
 <span class = "logo-details"> Bounce | Exemple de site Web 1 </ span> 
 <a href="http://demo.ghostpool.com/bounce" title="Bounce"> <span class = "default-logo"> </ span> </a> 
 </ div>

Vous devez simplement accéder à un style-colorchoose.css à la ligne 43 et modifier le chemin de l'image dans la classe .default-logo. Si vous inspectez à l'aide de l'outil de développement Chrome, vous pourrez trouver cette classe en appelant un logo CSS à l'aide de cette classe.

Sachez que si ce thème offre une solution pour changer le logo, ils ne peuvent pas vous aider autrement.

Contactez-moi si vous avez besoin d'aide.

0
Rick Benetti

Il y a plusieurs façons de le faire. Allons-y.

1. Fichier d'en-tête juste

Ouvrez votre header.php et repérez quand le logo est affiché et ajoutez une balise home conditionnelle. Quelque chose comme ça:

<?php if(is_home()) { ?>
<!-- your custom logo for home here -->
<?php } else { ?>
<!-- your theme logo function here -->
<?php } ?>

2. Utilisation de l'image de fond CSS

Ouvrez votre header.php et accédez à la balise. Ajoutez la fonction body_class () .

<body <?php body_class($class); ?>>

Maintenant, vous pouvez personnaliser n'importe quel élément de votre maison avec CSS. Par exemple:

body.home .default-logo {background-image:url(your-custom-logo-for-home.jpg) !important;}
0
Rafael Marques