So fügen Sie einer WordPress-Site ein Favicon hinzu

Ein Favicon wird auch als Site-Symbol bezeichnet und ähnelt in vielerlei Hinsicht einem App-Symbol unter Windows. Es ist ein kleines Bild, das in Browser-Tabs neben dem Site-Namen angezeigt wird. Es ist ein kleines, aber wichtiges Element, mit dem Sie Sites leicht identifizieren und über die Tab-Leiste Ihres Browsers zu ihnen navigieren können. Ein Favicon kann auch ein wichtiger Teil des Site-Brandings sein, aber neue Site-Besitzer wissen möglicherweise nicht, wie sie es einrichten sollen.

In dieser Anleitung erfahren Sie, wie Sie Ihrer WordPress-Website ein Favicon hinzufügen.

So fügen Sie einer WordPress-Site ein Favicon hinzu

Es gibt nicht weniger als vier verschiedene Methoden, mit denen Sie Ihrer WordPress-Site ein Favicon hinzufügen können. Die einfachste Methode ist die Verwendung des WordPress Customizer, aber Sie können auch einen alternativen Ansatz in Betracht ziehen, um mehr Kontrolle über das Erscheinungsbild Ihres Favicons zu haben.

Verwenden des WordPress-Customizers

Die Verwendung des WordPress Customizer ist im Allgemeinen die schnellste und einfachste Möglichkeit, jederzeit ein neues Favicon hinzuzufügen.

1. Öffnen Sie das WordPress-Dashboard.
2. Klicken Sie auf das Aussehen im Seitenmenü, und wählen Sie dann Anpassen.
3. Gehen Sie zum Site-Identität Registerkarte, um auf verschiedene Tools zur Site-Anpassung zuzugreifen.
4. Scrollen Sie zu Site-Symbol und klicken Sie auf Site-Symbol auswählen.
5. Suchen Sie in Ihrer WordPress-Medienbibliothek nach einem vorhandenen Bild, das Sie als Favicon verwenden können, oder laden Sie eines von Ihrem Gerät hoch.
6. Sobald Sie ein Bild ausgewählt haben, klicken Sie auf das Wählen Drücken Sie die Taste zur Bestätigung.
7. Abhängig von der Größe Ihres Bildes müssen Sie es möglicherweise zuschneiden oder auf Zuschneiden überspringen ohne sie fortzufahren.
8. Drücken Sie die Erledigt Schaltfläche, um Ihr neues Favicon fertigzustellen.

Verwenden eines Favicon-Plugins

WordPress ist für seine zahlreichen Plugins bekannt, mit denen Sie Ihre Website mit verschiedenen neuen Features und Funktionen erweitern können. Einige Plugins können Ihnen auch beim Hinzufügen und Verwalten von Favicons helfen. Die Plugins bieten Ihnen im Vergleich zum WordPress Customizer normalerweise zusätzliche Optionen zum Bearbeiten Ihrer Favicons. So funktioniert es:

1. Gehen Sie zu Ihrem WordPress-Dashboard Plugins und klicken Sie auf Neues Plugin hinzufügen.
2. Suchen Sie nach dem gewünschten Favicon-Plugin. Ein beliebtes Plugin für den Anfang ist das Favicon von RealFaviconGeneratorKlicken Sie auf Jetzt installieren auf Ihrem ausgewählten Plugin.
3. Klicken Sie nach der Installation auf Aktivieren um es einzuschalten.
4. Wenn das Plugin installiert ist, können Sie mit der Maus über Aussehen im linken Bereich und klicken Sie auf Favicon auf der rechten Seite, um ein Neues hinzuzufügen.
5. Klicken Wählen Sie aus der Medienbibliothek um entweder ein Favicon-Bild hochzuladen oder aus Ihrer Bibliothek auszuwählen.
6. Drücken Sie die Favicon generieren Klicken Sie auf die RealFaviconGenerator Website und passen Sie Ihr Bild an, indem Sie Ränder hinzufügen oder den Hintergrund ändern.
7. Klicken Generieren Sie Ihr Favicon und Ihren HTML-Code um Ihr neues Bild zu erstellen und zu Ihrer WordPress-Website hinzuzufügen.

Verwenden des WordPress Full Site Editors

Manchmal möchten Sie vielleicht lieber den Full Site Editor von WordPress verwenden, um Ihr Site-Symbol hinzuzufügen. Dies wird insbesondere für Sites empfohlen, die mit Blockthemen laufen.

1. Klicken Aussehen Und Editor aus dem Admin-Menü.
2. Gehen Sie zum Muster Untermenü und klicken Sie auf Kopfbereich.
3. Drücken Sie die BleistiftSymbol, um mit der Bearbeitung Ihres Kopfzeilenmusters zu beginnen.
4. Wählen Sie die +und suchen Sie nach dem Site-Logo Block, den Sie dann per Drag &038; Drop in die Kopfzeile Ihrer Site ziehen können.
5. Drücken Sie die Hochladen Klicken Sie auf die Schaltfläche und wählen Sie Ihr Favicon-Bild aus Ihrer vorhandenen Bibliothek aus oder laden Sie es von Ihrem Gerät hoch.
6. Suchen und aktivieren Als Site-Symbol verwenden in der Seitenleiste der Blockeinstellungen, um das von Ihnen ausgewählte Bild als Favicon festzulegen.
7. Drücken Sie die Speichern Schaltfläche, um die Änderungen zu bestätigen.

Die manuelle Methode

Sie können ein Favicon auch zu 100 % manuell hinzufügen. Dies nimmt etwas mehr Zeit in Anspruch und erfordert tendenziell etwas mehr Erfahrung und WordPress-Kenntnisse. Aber wenn Sie wissen, was Sie tun, kann dies eine gute Möglichkeit sein, ein Site-Symbol genau nach Ihren Wünschen einzurichten.

1. Gehen Sie zum RealFaviconGenerator Webseite.
2. Klicken Wählen Sie Ihr Favicon-Bild aus und laden Sie das Bild hoch, das Sie verwenden möchten.
3. Nehmen Sie die gewünschten Änderungen vor und klicken Sie auf Generieren Sie Ihr Favicon und Ihren HTML-Code wenn Sie fertig sind.
4. Laden Sie die Favicon-Paket und lassen Sie diese Seite geöffnet, da Sie den Code darauf noch benötigen.
5. Verwenden Sie FTP (File Transfer Protocol), um auf Ihre WordPress-Daten zuzugreifen.
6. Gehen Sie zum Hauptverzeichnis und laden Sie Ihr Favicon-Paket hoch.
7. Öffnen Sie die Datei header.php und fügen Sie den zuvor generierten HTML-Code ein, um die Einrichtung Ihres Site-Symbols abzuschließen.

Warum Sie Ihrer WordPress-Site ein Favicon hinzufügen sollten

Wie Sie sehen, gibt es mehrere Möglichkeiten, Ihrer Site Favicons hinzuzufügen. Aber Sie fragen sich vielleicht, warum Sie überhaupt ein Favicon hinzufügen möchten oder ob Sie eines benötigen. Hier sind einige der wichtigsten Vorteile der Verwendung von Site-Symbolen:

Markenidentität

Der wohl wichtigste Grund für ein Site-Symbol ist die Entwicklung der Identität Ihrer Marke. Ein Favicon ist Teil Ihres Images, wie ein Website-Name, ein Logo und ein Stil. Es mag nur ein kleines Symbol sein, aber es spielt eine große Rolle beim Aufbau der Markenbekanntheit und trägt dazu bei, dass Ihre Site oder Ihr Blog für die Leute leichter erkennbar ist.

Benutzererfahrung

Ein weiterer praktischer Grund, ein Site-Symbol einzurichten, ist der Nutzen für Ihre Benutzer. Viele Leute öffnen mehrere Tabs in ihren Browsern und verlassen sich auf Favicons, um schnell zwischen ihnen zu navigieren und zu wechseln. Wenn Sie ein klares und erkennbares Symbol erstellen, können Ihre Benutzer leichter auf Ihrer Site surfen und darauf zugreifen, selbst wenn viele andere Sites im selben Fenster geöffnet sind.

Fügen Sie ganz einfach Favicons hinzu

Kein Site-Design ist ohne Favicon vollständig. Daher ist es wichtig, dass das Symbol Ihrer Site so eingerichtet ist, dass es alle Benutzer sehen können. Glücklicherweise bietet WordPress mehrere Methoden, um Ihr Site-Symbol jederzeit hinzuzufügen oder zu ändern, von Plugins bis hin zur einfachen WordPress-Customizer-Methode.

Wenn Sie ein Favicon hinzugefügt haben, möchten Sie vielleicht lernen, wie Sie Codeblöcke in WordPress verwenden.

FAQs

Wie erstellt man ein Favicon?

Bevor Sie Ihrem WordPress-Blog ein Favicon hinzufügen, müssen Sie eines erstellen. Sie können verschiedene Bildbearbeitungstools und Favicon-Generatoren verwenden, um schnell eines zu erstellen, oder Ihre eigene Bildbearbeitungssoftware verwenden, um es von Grund auf neu zu erstellen. Um Probleme zu vermeiden, speichern Sie Ihr Favicon am besten im PNG-Format und stellen Sie sicher, dass es entweder 16 x 16 oder 32 x 32 Pixel groß ist.

Was macht ein gutes Favicon aus?

Gute Favicons sind klar, einfach und leicht zu merken und zu erkennen. Sie haben normalerweise einen transparenten oder einfarbigen Hintergrund mit einem Symbol darüber. Die meisten von ihnen verwenden nur eine oder zwei Farben und haben normalerweise eine Bedeutung oder einen Bezug zu der Marke oder dem Blog, die sie repräsentieren. Sie können sich die Favicons Ihrer Lieblingswebsites ansehen, um sich inspirieren zu lassen.