it-swarm.com.de

Anderes Logo auf der Homepage

Ich habe eine Datei als mein Hauptlogo in den Designeinstellungen hochgeladen, möchte aber ein anderes Logo auf der Hauptseite. Das Thema, das ich verwende, verfügt über eine benutzerdefinierte CSS-Option in den Designeinstellungen. Kann ich benutzerdefinierte CSS verwenden, um sie nur auf der Startseite und nicht auf dem Rest der Website zu ändern?

Thema: http://demo.ghostpool.com/?theme=bounce-bp

1
user26480

Es sieht so aus, als hätte der Themendesigner die Möglichkeit, ein anderes Logo auf der Homepage zu verwenden. Schauen Sie sich Ihren header.php in den Zeilen 83-93 an.

Wenn Ihr Design erkennt, dass dies die Titelseite ist, wird der Titel mit einem <h1> -Tag eingeschlossen, andernfalls wird er mit einem <div> eingeschlossen. Beide haben id='logo'.

Wenn Sie benutzerdefiniertes CSS hinzufügen können, können Sie css image replacement verwenden, um dieses <h1> -Tag durch ein anderes Bild auf Ihrer Homepage zu ersetzen.

0
cpilko

bei header.php findest du diese tags:

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

Sie müssen nur auf die Datei style-colorchoose.css in Zeile 43 zugreifen und den Bildpfad in der Klasse .default-logo ändern. Wenn Sie mit dem Chrome-Entwicklertool nachsehen, finden Sie diese Klasse, die mit dieser von mir erwähnten Klasse ein CSS-Logo aufruft.

Wenn Sie wissen, dass dieses Thema eine Lösung zum Ändern des Logos bietet, kann es Ihnen auch nicht weiterhelfen.

Kontaktieren Sie mich, wenn Sie Hilfe benötigen.

0
Rick Benetti

Dafür gibt es viele Möglichkeiten. Lass uns gehen.

1. Nur Header-Datei

Öffne deine header.php und finde, wann das Logo angezeigt wird und füge einen bedingten Home-Tag hinzu. Etwas wie das:

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

2. CSS-Hintergrundbild verwenden

Öffne deine header.php und gehe zum Tag. Fügen Sie die body_class () -Funktion hinzu.

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

Jetzt können Sie jedes Element zu Hause mit CSS anpassen. Zum Beispiel:

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