twenty seventeen zwei Logos im Header

Gelöst overpaul
(@overpaul)

vor 3 Jahren, 3 Monaten

Hallo Leute,
das ist mein erster Beitrag.
Ich bin noch relativ unerfahren, was WordPress angeht.
Nun meine Frage an euch:

Ich würde gerne im Header meiner Webseite ein zweites Logo einbinden… weiß aber nicht wie.

Hier findet ihr ein Beispiel wie ich es mir gedachht habe:
Beispiel

Vielen Dank schonmal im Voraus!!

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)

bscu
(@bscu)

vor 3 Jahren, 3 Monaten

Wenn das Theme das nicht hergibt, könntest du ein Child-Theme anlegen und in der header.php deine Vorstellungen ergänzen.

Moderator Bego Mario Garde
(@pixolin)

vor 3 Jahren, 3 Monaten

Oder die beiden Logos in einem Bildbearbeitungsprogramm zu einer Datei zusammenfassen.

Moderator Angelika Reisiger
(@la-geek)

vor 3 Jahren, 3 Monaten

Man könnte auch mit der Pseudo-Klasse ::after arbeiten, aber dafür bräuchte man mal einen Link zur Website.

Thread-Starter overpaul
(@overpaul)

vor 3 Jahren, 3 Monaten

Hey,
vielen Dank für die zahlreichen Antworten….
@la-geek
http://phoenix-sport-akademie.de/
Moderator Angelika Reisiger
(@la-geek)

vor 3 Jahren, 3 Monaten
@overpaul

Das unter Design -> Customizer -> Zusätzliches CSS einfügen:
```
.site-title a::after {
    content: "";
    display: inline-block;
    width: 76px;
    height: 80px;
    background-image: url(https://i0.wp.com/phoenix-sport-akademie.de/wp-content/uploads/2020/11/cropped-LogoOhneText2.png);
    margin-left: 32px;
    background-size: contain;
    position: relative;
    top: 6px;
}
```
Dann sieht es so aus:

Die Werte (px) musst du entsprechend wie gewünscht und natürlich auch den Link zum Bild/Logo anpassen.

Was so allerdings nicht funktioniert, ist das Logo selbst zu verlinken (also mit Klick darauf einen Link aufrufen), denke ich jedenfalls, müsste mam recherchieren.
Thread-Starter overpaul
(@overpaul)

vor 3 Jahren, 3 Monaten

Klappt,

vielen lieben Dank für die Mühen!!

Bleibt gesund!

Ansicht von 6 Antworten - 1 bis 6 (von insgesamt 6)

Das Thema „twenty seventeen zwei Logos im Header“ ist für neue Antworten geschlossen.

Ansichten