Favicon ändern oder erstellen

Bevor wir anfangen, wie du ein Favicon in WordPress änderst oder entfernst, sollten wir erst mal verstehen, was ein Favicon ist und wieso du eins verwenden solltest.

Ein Favicon ist ein kleines Symbol, was du an mehreren Stellen findest. Unter anderem im Browser ganz oben, neben dem Link. Oder wenn du eine Seite als Favoriten speicherst. Auf deinem Handy wird das Favicon auf dem Startbildschirm angezeigt. Und nicht zu vergessen sind Suchmaschinen, die das kleine Symbol visualisieren.

Üblicherweise wird das eigene Logo, als Favicon, verwendet. Somit hat das Favicon den Vorteil, dass das Symbol einen Wiedererkennungseffekt hat.

Ich kenne einige Menschen, die gefühlt 1000 Tabs im Browser geöffnet haben. Ohne ein Favicon wird wohl deine Website in den 1000 Tabs verschwinden und der Besucher kommt nicht mehr wieder. Wenn du aber dein Logo als Favicon eingefügt hast, findet der User deine Website auch in den 1000 Tabs schnell wieder.

Aber Achtung, das Favicon ist sehr klein. Detaillierte Logos oder Logos im Querformat erkennst du auf 16 x 16 Pixel eher schlecht. Sollte dein Logo ebenfalls sehr detailliert sein, bietet sich eine einfache Variante deines Logos an.

Auf der Website realfavicongenerator.net kannst du dein Favicon erstellen. Achte darauf, dass du dein Motiv in circa 512 x 512 Pixel, also im Quadratischen-Format hochlädst.

Der Generator erstellt anhand deines Bildes alle gängigen Formate, damit auch kein Betriebssystem rumheulen kann.

Favicon auf dem Webserver hochladen

Eine einfache Methode ist es, die erstellte favicon.ico, die wir hier (Favicon erstellen Datei ) erstellt haben, auf deinem Stammverzeichnis von WordPress hochzuladen. Achte darauf, dass du die Datei “favicon.ico” nennst und lade sie in dein WordPress-Verzeichnis hoch.

Browser suchen nach dieser Datei und stellen diese dar, wenn sie fündig werden.

Favicon in deinem Theme einbinden

In manchen Templates kannst du ein Favicon in den Optionen einbinden. Das Theme Enfold hat zum Beispiel diese Option.

Prüfe also zuerst, ob du in den Einstellungen deines Themes ein Favicon hinzufügen kannst.

Favicon mit einem Plugin hochladen

Damit du auch sicher sein kannst, das auf allen Geräten dein Favicon gut aussieht, solltest du das PluginFavicon by RealFaviconGenerator installieren.

Hier findest du auch die Anleitung, um das Plugin einzurichten.

Geschafft, das Favicon ist eingebaut, aber es immer noch das WordPress-Logo im Browser zusehen. Das liegt wahrscheinlich daran, dass das alte Favicon im Cache gespeichert ist. Du kannst einfach abwarten, bis sich das irgendwann von alleine ändert. Aber wahrscheinlich ist warten nicht ganz so dein Ding, dann gibt es noch zwei andere Wege.

1. Du löschst deinen Cache. Das kannst du in den Browsereinstellungen machen.
2. Öffne deine Website in einem anderen Browser, mit dem du noch nie deine Webseite aufgerufen hast.

Wenn du kein Favicon haben möchtest oder dich das WordPress-Logo nervt, kannst du das Favicon entfernen.
Um das Favicon zu entfernen, kannst du entweder das Plugin installieren.
Es reicht aus, nach der Installation das Plugin zu aktivieren. Nach der Aktivierung wird automatisch das Favicon entfernt.

Die andere Methode, um ein Favicon zu entfernen, erfordert etwas technisches Know-how.
Füge diesen Code-Snippet in deine functions.php ein:

add_action( 'do_faviconico', 'wp_news_favicon_remover'); 

function wp_news_favicon_remover() 
{ 
exit; 
}

Denk aber daran, dass du einen kleinen Teil deiner Wiedererkennung entfernst.