Da ich das WordPress Theme „Twenty Twelve“ total passend für meinen Blog finde, aber den Blog-Titel gerne als richtiges Logo haben wollte, wurde dies sofort geändert. Hier zeige ich Euch wie schnell & einfach ihr den Standard-Blog-Titel in ein richtiges Logo abändern könnt.
Als erstes müsst ihr euer Logo erstellen (Größe spielt keine Rolle) und die Logo-Datei auf euren Webspace bzw. bei einem anderen Bild-Hoster hochladen. Wenn ihr dann die URL zu diesem Logo habt (in meinem Fall https://anfx.de/logo.jpg) können wir auch schon loslegen.
Im WordPress Admin in die Einstellung Design wechseln. Dann den Punkt Editor auswählen. Jetzt seht ihr rechts die ganzen Template-Dateien, hier müsst ihr die Datei Kopfzeile auswählen.
Dadurch das der Blog-Titel ja ganz oben ist, findet ihr den passenden Quellcode ziemlich weit oben nach dem <body> Bereich.
<h1><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
Dieser Quelltext wird komplett durch diesen Code ersetzt:
<img src="http://www.anfx.de/logo.jpg" alt="AnFX.de Blog" />
Wenn ihr euer Logo, nicht direkt auf euren eigenen Webspace hochgeladen habt, dann müsst ihr natürlich die URL zum Logo abändern. Das alt=““ ist der Alternativ-Text, den Suchmaschinen ablesen. Hier würde ich euch empfehlen den richtigen Blog-Titel zu nehmen. In meinem Fall „AnFX.de Blog“
Das wars schon 🙂 nun wird anstelle des normalen Blog-Titel’s euer Logo oben beim Blog angezeigt. Diese Anleitung funktioniert natürlich nicht nur beim Theme Twenty Twelve, da aber jedes Theme einen anderen HTML-Code hat müsst ihr in diesem Fall den <h1> </h1> selbst in der header.php raussuchen & durch den <img>-Code ersetzen.
Nachtrag:
Ich habe jetzt das Logo mit dem Blog verlinkt, damit man mit einem Klick auf das Logo zur Startseite kommt. Dazu habe ich einfach nur folgendes geändert bzw. hinzugefügt:
<a href="https://anfx.de"><img src="http://www.anfx.de/logo.jpg" alt="AnFX.de Blog" /></a>
Viel Spaß mit eurem eigenen Logo
Update: mittlerweile verwende ich für den Blog das Theme „Twenty Eleven“, hier setze ich kein Logo ein, sondern die Standardüberschriften.
16 Kommentare » Schreibe einen Kommentar