Advertisement
  1. Code
  2. WordPress

So ändern Sie das Favicon in WordPress

Scroll to top
Read Time: 3 min

German (Deutsch) translation by Ines Willenbrock (you can also view the original English article)

wir

In diesem kurzen Tipp erfahren Sie, wie Sie das Favicon in WordPress ändern. Wir beginnen das Tutorial mit einem kurzen Intro von Favicons, indem wir Fragen beantworten, wie sie sind und warum sie wichtig sind.

Fangen wir an.

Was sind Favicons und warum sollten Sie sie verwenden?

Favicons sind die kleinen Bilder, die in einem Browser-Tab neben dem Titel einer beliebigen Webseite angezeigt werden.

Nicht alle Websites schreiben ihre Namen in den Titel für jede einzelne Seite, die sie haben. Der vollständige Titel zusammen mit dem Website-Namen ist möglicherweise nicht immer sichtbar, auch wenn er am Ende angehängt wird. Dies kann es schwierig machen zu erkennen, welche Website in welche Registerkarte geladen wird. Favicons machen diese Aufgabe sehr einfach, wenn entweder die Website sehr beliebt ist oder Sie ihr häufiger Besucher sind.

Favicon ExamplesFavicon ExamplesFavicon Examples

Sie können im obigen Bild sehen, dass der erste Tab eine Wikipedia-Seite geladen hat, während der dritte Tab CodeCanyon geladen hat.

Favicons tauchen an vielen Stellen auf, wie den Browser-Tabs, die wir gerade besprochen haben, sowie in den Google-Suchergebnissen auf Mobilgeräten. Sie werden auch in Benutzer-Lesezeichen und Browser-Verlauf angezeigt.

Dies bedeutet, dass ein eigenes individuelles und erkennbares Lesezeichen anstelle von etwas Generischem Ihren Besuchern helfen kann, Ihre Website schnell zu identifizieren und möglicherweise die CTR in den Suchergebnissen zu erhöhen.

Wie ändere ich das Favicon in WordPress?

Die genauen Menüpunkte, die Sie anklicken müssen, um den endgültigen Bildschirm zu erreichen, können je nach installiertem Thema unterschiedlich sein. Schauen Sie sich einfach ein wenig unter Design -> Customizer um und Sie werden höchstwahrscheinlich die Favicon-Einstellungen finden.

Ändern von Favicon im Standard-WordPress-Theme

Die WordPress-Standardthemen verfügen über integrierte Funktionen, um das Favicon Ihrer Website zu ändern. Sie können dies in wenigen Schritten über den Admin-Dashboard-Bereich tun.

Wechseln Sie im Seitenmenü zu Design -> Customizer

Default Theme WordPress Appearance CustomizeDefault Theme WordPress Appearance CustomizeDefault Theme WordPress Appearance Customize

Dies sollte Sie zum folgenden Bildschirm führen, auf dem Sie auf Site Identity klicken können.

Default WordPress Theme Site IdentityDefault WordPress Theme Site IdentityDefault WordPress Theme Site Identity

Sie können hier eine Reihe von Dingen wie den Titel der Website, den Slogan, das Logo und das Favicon festlegen. Klicken Sie auf die Schaltfläche Site-Icon auswählen und wählen Sie ein Bild aus der Medienbibliothek aus.

Default WordPress Theme Select Site Icon Default WordPress Theme Select Site Icon Default WordPress Theme Select Site Icon

Dies sollte das Favicon für Ihre Website aktualisieren, wie im Bild unten zu sehen ist.

WordPress Default Theme Changed FaviconWordPress Default Theme Changed FaviconWordPress Default Theme Changed Favicon

Ändern von Favicon in Premium WordPress Themes

Einige Premium-Themes können die Standardanpassungseinrichtung von WordPress überschreiben. Dies bedeutet im Grunde, dass Sie nicht in der Lage sein werden, den Standardpfad zu nehmen, um Ihr eigenes Favicon hinzuzufügen. Ihre beste Wette in diesem Fall wäre, nur ein paar Menüpunkte zu überprüfen. Hier ist ein Beispiel aus dem Eduma-Thema.

Wechseln Sie im Seitenmenü zu Design -> Customizer. Dies zeigt Ihnen eine Reihe von Elementen. Basierend auf ihren Namen scheint General am plausibelsten, um Favicon-Einstellungen zu enthalten, also klicken wir darauf.

WordPress Premium Theme CustomizerWordPress Premium Theme CustomizerWordPress Premium Theme Customizer

Auf dem nächsten Bildschirm klicken wir auf Logo, um das Website-Favicon zu ändern.

WordPress Custom Theme General SettingsWordPress Custom Theme General SettingsWordPress Custom Theme General Settings

Hier sehen Sie möglicherweise einige Optionen zu Website-Titel, Slogan und Logo. Scrollen Sie ein wenig nach unten, um die Einstellungen zu finden, die das Favicon ändern.

WordPress Custom Theme Changed LogoWordPress Custom Theme Changed LogoWordPress Custom Theme Changed Logo

Abschließende Gedanken

Ich hoffe, dieser kurze Beitrag hat Ihnen geholfen, die Bedeutung von Favicons zu erkennen und wie Sie das Favicon auf Ihrer eigenen WordPress-Website ändern können.

Eine letzte Sache, die ich erwähnen möchte, ist, dass Favicons normalerweise für die Anzeige auf verschiedenen Geräten und in verschiedenen Kontexten verkleinert werden. Daher sollten Sie in Betracht ziehen, Designs zu verwenden, die einfach und einprägsam sind.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.