Wenn Sie den Browser-Tab Ihres neuen Blogs betrachten, bemerken Sie vielleicht ein winziges Favicon, das das WordPress-Logo neben dem Namen Ihrer Website anzeigt.
Da dies die Standardeinstellung für neue WordPress-Websites ist, ist es ein häufiger Anblick, aber auch eine verpasste Gelegenheit, Ihre Markenidentität zu stärken.
Wir haben gelernt, dass viele Leute das Hinzufügen eines Favicons aufschieben, weil sie denken, dass es Designkenntnisse oder Programmierkenntnisse erfordert.
Die Wahrheit ist, es ist viel einfacher als das, besonders mit modernen WordPress-Funktionen.
Heute führen wir Sie durch die einfachsten Möglichkeiten, Ihr eigenes Favicon zu Ihrer WordPress-Site hinzuzufügen. Diese Methoden sind anfängerfreundlich und funktionieren mit allen wichtigen Themes.
💡Schnelle Antwort: So fügen Sie ein Favicon in WordPress hinzu
Hier sind die wichtigsten Methoden, um Ihrer WordPress-Website ein Favicon hinzuzufügen:
- Methode 1: WordPress Customizer – Am besten für Anfänger, die eine schnelle, integrierte Lösung ohne Installation von Plugins wünschen.
- Methode 2: WordPress Full Site Editor – Ideal, wenn Ihr Theme die vollständige Website-Bearbeitung unterstützt und Sie mehr Kontrolle darüber haben möchten, wo das Favicon angezeigt wird.
- Methode 3: WordPress Favicon Plugin – Großartig für Benutzer, die zusätzliche Anpassungsoptionen wünschen oder eine einfachere Möglichkeit, Favicons auf mehreren Websites zu verwalten.
- Methode 4: Manuelles Hochladen per Code – Am besten für fortgeschrittene Benutzer, die mit der Bearbeitung von Theme-Dateien oder Child-Themes vertraut sind und die volle Kontrolle über Platzierung und Dateiverwaltung haben.
Warum sollten Sie Ihrem WordPress-Blog ein Favicon hinzufügen?
Ein Favicon ist für Ihr WordPress-Blog unerlässlich, da es Benutzern hilft, Ihre Website schnell zu identifizieren und Ihre Markenidentität stärkt. Anhand dieses kleinen Symbols können Website-Besucher Ihren Blog leicht erkennen.
So sieht ein Favicon in einem Webbrowser aus:
Ein weiterer Zweck eines WordPress-Favicons ist die Verbesserung der Benutzererfahrung. Wenn mehrere Tabs geöffnet sind, können Benutzer die Favicons ansehen, um zu wissen, auf welcher Website sie sich befinden, und zu der gewünschten wechseln.
Wenn Benutzer Ihrer Blog auf ihren Mobilgeräten eine Verknüpfungsikone oder ein Lesezeichen hinzufügen, wird das Favicon als App-Symbol auf ihrem Startbildschirm angezeigt. So können sie mit einem einfachen Tippen einfach auf Ihre Website zugreifen.
So erstellen Sie ein Favicon für Ihren WordPress-Blog
Zuerst lernen wir, wie man ein gutes Favicon für seinen Blog erstellt.
Die ideale Größe für ein WordPress-Favicon ist ein quadratisches Bild mit einer Breite und Höhe von bis zu 512 Pixeln. Das Favicon-Bildformat kann ICO, JPEG, PNG oder GIF sein.
SVG ist ebenfalls ein gängiges Format für Favicons, wird aber von WordPress nicht standardmäßig akzeptiert. Sie können WordPress jedoch so konfigurieren, dass das Hinzufügen von SVG-Dateien zugelassen wird.
Wenn Sie einen Business-Blog betreiben, können Sie Ihr Markenlogo als Favicon-Symbol verwenden. Wenn Sie noch keines haben, können Sie sich unseren Leitfaden für Anfänger ansehen, wie Sie ein Logo für Ihre Website erstellen: wie Sie ein Logo für Ihre Website erstellen.
Wenn Sie ein Logo bereit haben, aber den Hintergrund transparent machen möchten, können Sie Photoshop oder ein kostenloses Bildbearbeitungstool mit einem automatischen Hintergrundentferner verwenden. Stellen Sie einfach sicher, dass das Dateiformat PNG ist, um die Transparenz des Favicons zu erhalten.
Eine weitere Option, die Sie verwenden können, ist ein kostenloser Favicon-Generator wie Favicon.io. Dieses Tool ermöglicht es Ihnen, ein Favicon von Grund auf anzupassen und die Dateien im PNG- und ICO-Format herunterzuladen.
Mit diesem Gedanken im Hinterkopf erfahren Sie hier, wie Sie ganz einfach ein Favicon zu Ihrem WordPress-Blog hinzufügen. Wir werden 4 Methoden behandeln, und Sie können auf die Links unten klicken, um zur gewünschten Methode zu springen:
- Methode 1: Hinzufügen eines Favicons über den WordPress Customizer
- Methode 2: Hinzufügen eines Favicons über den WordPress Website-Editor
- Methode 3: Hinzufügen eines Favicons mit einem WordPress-Favicon-Plugin
- Methode 4: Hinzufügen eines Favicons zu Ihrem WordPress-Blog per Hand
- Warum wird mein WordPress-Favicon nicht angezeigt?
- Häufig gestellte Fragen zum Hinzufügen von Favicons
Bereit? Legen wir los.
Methode 1: Hinzufügen eines Favicons über den WordPress Customizer
Dies ist die einfachste Methode, um ein Favicon in WordPress zu ändern, und sie wird für Benutzer mit klassischen Themes empfohlen. Sie müssen lediglich Ihr Bild hochladen, und WordPress kümmert sich um den Rest.
Navigieren Sie zunächst in Ihrem WordPress-Dashboard zu Design » Anpassen.
Wenn Sie ein modernes Block-Theme verwenden und den Customizer nicht finden können, sollten Sie zu Methode 2 unten springen oder unseren Leitfaden lesen, wie Sie den fehlenden Theme Customizer im WordPress-Adminbereich beheben.
Als Nächstes klicken wir im linken Seitenmenü auf den Reiter „Website-Identität“.
Hier sehen Sie Optionen zur Anpassung Ihres „Site-Logos“, „Website-Titels“, „Untertitel“ und „Website-Symbols“.
Wenn Sie ein Favicon für eine Website hinzufügen möchten, müssen Sie nach unten zum Abschnitt „Seitensymbol“ scrollen und auf „Seitensymbol auswählen“ klicken.
Die WordPress-Mediathek wird nun angezeigt. Sie können entweder ein vorhandenes Bild auswählen oder ein neues benutzerdefiniertes Favicon von Ihrem Computer hochladen.
In diesem Beispiel verwenden wir das Logo von WPBeginner als WordPress-Site-Icon.
Nachdem Sie ein Bild ausgewählt haben, klicken Sie in der unteren rechten Ecke des Fensters auf die Schaltfläche „Auswählen“.
Wenn das Favicon größer als die empfohlene Größe ist, können Sie es in WordPress zuschneiden. Wenn es genau der empfohlenen Größe entspricht, können Sie es einfach so belassen.
Sobald das Bild gut aussieht, klicken Sie einfach auf „Bild zuschneiden“.
Danach werden Sie zum WordPress Customizer zurückgeleitet. Hier können Sie die Einrichtung Ihres Favicons abschließen, indem Sie in der linken Seitenleiste auf die Schaltfläche „Veröffentlichen“ klicken.
Das war's! Nachdem Sie Ihr Favicon hochgeladen haben, besuchen Sie Ihre WordPress-Website, um zu sehen, ob es bereits live ist.
Methode 2: Hinzufügen eines Favicons über den WordPress Website-Editor
Wenn Sie ein Block-Theme verwenden und Ihr Markenlogo sowohl als Teil Ihres Website-Headers als auch als Website-Symbol hinzufügen möchten, dann ist diese Methode genau das Richtige für Sie.
Hierfür müssen Sie im WordPress-Admin-Panel zu Darstellung » Editor navigieren.
Auf dieser Seite finden Sie verschiedene Menüs zur Anpassung Ihrer Website, darunter 'Navigation' und 'Stile'.
Für dieses Tutorial müssen Sie auf „Muster“ klicken, um auf das Blockmuster für den Header Ihrer Website zuzugreifen.
Wenn Sie nach unten scrollen, sehen Sie verschiedene Vorlagenteile: 'Header', 'Footer' und 'General'.
Klicken Sie einfach auf die Vorlage 'Header', um Ihr Favicon dort hinzuzufügen.
Klicken Sie anschließend einfach auf den Eintrag „Header“, um mit der Bearbeitung des Template-Teils zu beginnen.
Sie befinden sich nun im WordPress Website-Editor.
Von hier aus können Sie auf die Schaltfläche „Block hinzufügen“ (+) klicken und nach dem Block „Website-Logo“ suchen.
Hier fügen Sie das Bild hinzu, das Ihr WordPress-Favicon wird.
Ziehen Sie den Block per Drag & Drop dorthin, wo Sie ihn in Ihrem Header haben möchten. In diesem Beispiel haben wir ihn neben dem Website-Titel platziert.
Als Nächstes klicken Sie auf das Upload-Symbol im Block „Site Logo“.
Wie bei der vorherigen Methode können Sie ein vorhandenes Bild auswählen oder ein neues aus der WordPress Mediathek hochladen.
Danach müssen Sie zur Seitenleiste der Blockeinstellungen auf der rechten Seite der Seite navigieren. Aktivieren Sie einfach die Einstellung „Als Website-Symbol verwenden“, um das Logo als Favicon hinzuzufügen.
Klicken Sie abschließend oben rechts auf der Seite auf die Schaltfläche „Speichern“, um Ihr Favicon zu veröffentlichen.
Sie sehen eine Warnung, dass die Änderung die gesamte Website betrifft. Stellen Sie einfach sicher, dass das Kontrollkästchen „Icon“ aktiviert ist, und klicken Sie erneut auf „Speichern“.
Jetzt, da Sie alle Schritte durchlaufen haben, können Sie Ihre Website öffnen, um zu bestätigen, dass die Änderung erfolgreich war.
Methode 3: Hinzufügen eines Favicons mit einem WordPress-Favicon-Plugin
Wenn Sie lieber ein WordPress-Favicon-Plugin verwenden möchten, können Sie diese Methode befolgen, um das kostenlose Favicon by RealFaviconGenerator Plugin zu verwenden.
Zuerst müssen Sie das Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Anleitung zum Thema Installieren eines WordPress-Plugins.
Nach der Aktivierung können Sie in Ihrem WordPress-Dashboard zu Darstellung » Favicon navigieren.
Klicken Sie danach einfach auf die Schaltfläche „Aus der Mediathek auswählen“, um ein neues Bild hochzuladen oder ein vorhandenes zu verwenden.
Beachten Sie, dass Sie ein quadratisches Bild verwenden müssen. Das Plugin empfiehlt, die Größe des Website-Symbols mit mindestens 260 Pixeln in Breite und Höhe anzugeben, aber nicht kleiner als 70 Pixel.
Sobald Sie ein Bild ausgewählt haben, klicken Sie auf die Schaltfläche „Favicon generieren“.
Danach führt Sie das Plugin zur RealFaviconGenerator-Website, um das Favicon zu bearbeiten.
Sie können verschiedene Einstellungen anpassen, wie z. B. die Hintergrundfarbe und wie es auf den Google-Suchergebnisseiten (SERPs), iOS, Android, macOS Safari, Chrome und Windows Metro aussieht.
Im Abschnitt „Favicon Generator Options“ können Sie das Kontrollkästchen aktivieren, um zu sehen, ob Ihre Website bereits ein Favicon verwendet hat. Wenn ja, geben Sie einfach eine Zahl in das zweite Feld ein, um die von Ihnen verwendete Favicon-Version anzugeben.
Auf diese Weise sehen Benutzer, die Ihre Website zuvor besucht haben, das neue Favicon anstelle des alten.
Wenn alles gut aussieht, müssen Sie nur noch auf die Schaltfläche „Favicons und HTML-Code generieren“ klicken, um das Favicon zu Ihrer WordPress-Site hinzuzufügen.
Ihr Favicon sollte jetzt live sein. Stellen Sie sicher, dass das WordPress-Favicon-Plugin aktiv bleibt, damit das Favicon immer aktiviert ist.
Methode 4: Hinzufügen eines Favicons zu Ihrem WordPress-Blog per Hand
Zu guter Letzt können Sie Ihrem Blog ein WordPress-Favicon hinzufügen, indem Sie die Code-Dateien Ihres Themes manuell bearbeiten.
Dies ist hilfreich, wenn Ihr Theme-Customizer nicht über den Abschnitt „Website-Identität“ verfügt oder Sie ein Block-Theme verwenden und ein anderes Favicon-Bild als Ihr Website-Logo wünschen.
Der einfachste und sicherste Weg, die Code-Dateien Ihres Themes zu bearbeiten, ist mit dem WPCode Plugin.
Es ist das beste Plugin für Code-Schnipsel für Anfänger. Wir haben es selbst verwendet und festgestellt, dass es Ihnen ermöglicht, benutzerdefinierten Code sicher einzufügen, ohne Ihre Website zu beschädigen.
Weitere Details finden Sie in unserem vollständigen WPCode-Testbericht, in dem wir seine Funktionen eingehend untersucht haben.
Ein weiterer großer Vorteil von WPCode ist, dass Sie Ihre Code-Änderungen, einschließlich Ihres Favicons, nicht verlieren, wenn Sie Ihr Theme aktualisieren.
Hinweis: Für diese Anleitung können Sie die kostenlose Version von WPCode verwenden. Mit dem Pro-Abonnement erhalten Sie jedoch Zugriff auf Funktionen wie intelligente bedingte Logik und Drittanbieter-Integrationen, um Ihren Code effizienter zu verwalten.
Um zu beginnen, müssen Sie WPCode installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installieren eines WordPress-Plugins.
Der nächste Schritt ist die Vorbereitung Ihrer Favicon-Dateien. Hierfür können Sie einen kostenlosen Favicon-Generator wie Favicon.io verwenden.
Auf der Website können Sie auf „Bild“ klicken, um eine Bilddatei in eine Zip-Datei und HTML-Code umzuwandeln. Alternativ können Sie die Option „Emoji“ oder „Text“ verwenden, um ein Favicon mit den verfügbaren Emojis und Schriftarten zu erstellen.
Auf der nächsten Seite können Sie Ihr Bild hochladen. Klicken Sie dann auf 'Herunterladen', um die Favicon-Zip-Datei zu speichern, die Ihre favicon.png- und favicon.ico-Dateien enthält.
Stellen Sie sicher, dass Sie diese Webseite geöffnet lassen, während Sie die nächsten Schritte durchgehen.
Jetzt müssen Sie die Favicon-Zip-Datei auf das Stammverzeichnis Ihrer Website hochladen. Dazu können Sie den Dateimanager Ihres WordPress-Hostings verwenden.
Alternativ können Sie dies über einen FTP-Client wie FileZilla tun. Weitere Details finden Sie in unserem Leitfaden für Anfänger zur Verwendung von FTP zum Hochladen von Dateien in WordPress.
Sobald Sie Ihre Website-Dateien über den Dateimanager oder FTP geöffnet haben, navigieren Sie zum Stammverzeichnis.
Das WordPress-Stammverzeichnis ist normalerweise ein Ordner namens 'public' oder 'public_html' und enthält wichtige WordPress-Ordner wie wp-content und wp-admin.
An diesem Punkt können Sie alle Favicon-Dateiinhalte, die Sie zuvor heruntergeladen haben, extrahieren und in das Stammverzeichnis hochladen.
Wenn Sie den Dateimanager verwenden, können Sie oben in der Nähe die Schaltfläche 'Hochladen' anklicken.
Dann erscheint ein neuer Tab, der Sie auffordert, die Dateien hochzuladen.
Auf dieser Seite können Sie auf die Schaltfläche „Datei auswählen“ klicken und alle Favicon-Dateien auswählen.
Warten Sie nun einfach, bis die Dateien erfolgreich hochgeladen wurden.
Sobald Sie fertig sind, können Sie zum Dateimanager-Tab zurückkehren. Sie sollten nun alle Ihre Favicon-Dateien im Stammverzeichnis sehen, wie im Screenshot unten:
Nun kehren wir zum WordPress-Admin-Panel zurück.
In der linken Seitenleiste navigieren Sie zu Code-Snippets » Header & Footer.
Kehren Sie danach zum früheren Tab Favicon.io zurück.
Dann müssen Sie den HTML-Code von dort kopieren. Er sollte 4 link rel Tags im Code enthalten.
Als Nächstes müssen Sie zu WordPress zurückkehren und den Code in den Abschnitt „Header“ der WPCode-Seite einfügen. Dadurch wird der Code in die Datei header.php Ihrer Website eingefügt.
Suchen Sie im Code-Snippet nach den href-Attributen. Sie müssen den einfachen Dateinamen durch die vollständige URL Ihrer Website gefolgt vom Dateinamen ersetzen (z. B. https://ihre-seite.de/favicon.png).
Achten Sie darauf, die Anführungszeichen beizubehalten, um Fehler zu vermeiden.
Schließlich können Sie oben rechts auf die Schaltfläche „Änderungen speichern“ klicken.
Und das ist alles! Vergessen Sie nicht, Ihre Website zu besuchen, um zu sehen, ob die Favicon-Änderung erfolgreich war.
Warum wird mein WordPress-Favicon nicht angezeigt?
Wenn Sie ein Favicon hochgeladen haben, es aber nicht auf Ihrer Website angezeigt wird, machen Sie sich keine Sorgen – Sie sind nicht allein.
Dies ist ein häufiges Problem, das aus mehreren einfachen Gründen auftreten kann und normalerweise leicht zu beheben ist.
Hier ist, was Sie überprüfen sollten:
- Leeren Sie Ihren Browser-Cache: Browser speichern oft alte Website-Daten. Das Leeren Ihres Caches löst normalerweise das Problem. Sie können unserer Anleitung zum Leeren des Browser-Caches für Schritt-für-Schritt-Anleitungen folgen.
- CDN-Cache leeren: Wenn Sie ein CDN verwenden, könnte dieses den alten Favicon ausliefern. Das Leeren des CDN-Caches stellt sicher, dass Ihr neuestes Website-Symbol angezeigt wird.
- Im Inkognito-Modus prüfen: Öffnen Sie Ihre Website in einem privaten Fenster, um zu bestätigen, dass der Favicon korrekt hochgeladen wurde.
- Mit anderem Dateinamen neu hochladen: Wenn die Installation nicht funktioniert hat, kann das Umbenennen der Favicon-Datei und das erneute Hochladen das Problem beheben.
- Mixed-Content-Fehler beheben: Wenn Ihre Website gemischte HTTP- und HTTPS-Inhalte aufweist, wird der Favicon möglicherweise nicht angezeigt. Sehen Sie sich unseren Leitfaden zum Beheben von Mixed-Content-Fehlern in WordPress an.
- Hosting-Provider-Icons prüfen: Manchmal wird stattdessen der Standard-Favicon des Hosting-Providers angezeigt. Kontaktieren Sie dessen Support, wenn dies geschieht.
- Themen-spezifische Favicon-Tools überprüfen: Einige Themes haben eine spezielle Option zum Hochladen eines Favicons. Stellen Sie sicher, dass Ihre Theme-Einstellungen das Standard-Website-Symbol von WordPress nicht überschreiben.
💡Profi-Tipp: Die Nutzung eines zuverlässigen WordPress-Hosting-Anbieters mit starkem Support kann Ihnen Zeit und Frustration bei der Fehlerbehebung von Problemen wie einem fehlenden Favicon oder anderen Website-Anzeigeproblemen ersparen.
Ein guter Hoster kann serverseitiges Caching, Mixed-Content-Fehler oder andere Konflikte, die verhindern, dass Änderungen angezeigt werden, schnell identifizieren, sodass Sie es nicht selbst herausfinden müssen.
Schauen Sie sich unsere Liste der besten WordPress-Hosting-Anbieter an, um eine passende Option zu finden.
Häufig gestellte Fragen zum Hinzufügen von Favicons
Hier sind einige Fragen, die unsere Leser häufig zum Hinzufügen von Favicons auf ihren WordPress-Websites gestellt haben:
Verbessern Favicons die SEO?
Favicons verbessern SEO-Rankings nicht direkt, aber sie verbessern die Benutzererfahrung, indem sie Ihre Website in Browser-Tabs und Lesezeichen leicht erkennbar machen. Dies kann indirekt die Interaktion und die Klickraten unterstützen.
Sollten Favicons 16×16 oder 32×32 sein?
Favicons sind typischerweise 16×16 Pixel für Browser-Tabs, aber 32×32 oder höher wird für hochauflösende Displays und für die Verwendung in Lesezeichen oder Verknüpfungen empfohlen. Die Verwendung mehrerer Größen stellt sicher, dass Ihr Favicon überall scharf aussieht.
Wie füge ich ein Symbol zu einer WordPress-Website hinzu?
Sie können ein Website-Symbol (Favicon) über den WordPress Customizer, den Full Site Editor, ein Favicon-Plugin oder durch manuelles Hochladen in Ihre Theme-Dateien hinzufügen.
Was sind häufige Favicon-Fehler?
Häufige Fehler sind die Verwendung der falschen Dateigröße, das Nicht-Hochladen eines transparenten PNG, das Ignorieren von hochauflösenden Versionen und das Versäumnis, den Cache zu leeren. Dies kann verhindern, dass das Favicon richtig angezeigt wird.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, ein Favicon zu Ihrer WordPress-Website hinzuzufügen. Vielleicht möchten Sie auch unsere Expertenauswahl der besten kostenlosen Logo-Maker, die Ihnen helfen, professionell auszusehen und unseren Leitfaden zum Thema einfaches Hinzufügen von Icon-Fonts zu Ihrem WordPress-Theme ansehen.
Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.
Jason
Warum muss es 512 Pixel für ein Icon sein? Ich hoffe, es wird irgendwo in WordPress konvertiert, einmal und fertig, und nicht bei jedem Laden. 512×512 ist verrückt für etwas, das selten größer als 32×32 sein wird, es sei denn, ich übersehe etwas?
John Krawczyk
Artikel nicht nützlich. Jeder sagt Ihnen, Sie sollen einen Pfad zu Ihrem Favicon erstellen & das war's.
Wie fügen Sie jedoch http: www http hinzu? Geben Sie .ico .png an?
Niemand sagt etwas im Detail.
WPBeginner Support
Hallo John,
Ja, Sie müssen die vollständige URL wie folgt angeben:
https://014.leahstevensyj.workers.dev/favicon.pngAdmin
Joe
Mit WP4.7 und der Site-Icon-Funktionalität funktioniert es, aber es kommt mir einfach seltsam vor. Das Ergebnis sind 4 Links im Abschnitt:
Aber es erstellt 10 verschiedene Versionen des Website-Icon-Bildes zusätzlich zum Original in den Größen 32×32, 100×100, 150×150, 180×180, 192×192, 250×250, 270×270, 300×300, 360×360, 500×310.
Warum so viele zugeschnittene Bilder, wenn nur 4 verlinkt sind?
Außerdem reiche ich ein Icon-Bild in der empfohlenen Größe von 512×512 ein, aber die 500×310-Version wird immer so zugeschnitten, dass der obere und untere Teil des Icons abgeschnitten wird. Gibt es eine Möglichkeit, dies zu umgehen und/oder ist das ein großes Problem?
Welche Browserunterstützung deckt dieses WP Site Icon ab (hauptsächlich in Bezug auf die Rückwärtskompatibilität mit IE)?
Danke!
Marieke
In Whatsapp, ist das Bild, das links neben einer Linkadresse erscheint, wenn Sie einen Link senden: ist das dasselbe Symbol? Weil ich es dort nicht sehe.
Sunil
Marieke, es ist das Beitragsbild, das Sie zu einem bestimmten Beitrag hochladen.
Cos
Das ICO-Format-Plugin für Adobe Photoshop erlaubt keine Bilder, die höher oder breiter als 256 Pixel sind. Wie erstellt man also eines, das 512 Pixel groß ist???
Marieke
Es muss keine .ico-Datei sein. Eine einfache .png- oder .lpg-Datei reicht aus, wenn Sie mit WordPress arbeiten.
Salim Ahmed
Informativ. Jetzt befolge ich Ihre Tipps und Tricks. Danke fürs Teilen.
Taimoor Ahmed
Können Sie mir bitte eine Website oder eine Software nennen, von der ich schnell ein effektives Favicon für meine Website erstellen kann????
Kirstie
Vielen Dank für ein weiteres einfach zu befolgendes Tutorial. Ich bin ein absoluter Anfänger und Sie erklären die Dinge großartig, so dass ich sie verstehen kann.
WPBeginner Support
Thanks, glad you find our tutorials helpful.
Admin
Nelson
danke gutes Tutorial, einfach und funktioniert
c
Das Hinzufügen eines Logos in einigen Themes ist nicht für das Favicon, sondern für das Header-Logo.
ccstacyline
Warum hat mein Seitenidentitätsmenü nicht die Option für das Seitensymbol? Ich bin so frustriert… können Sie mir helfen?
John Davis Frain
Sind die Anweisungen, die Sie hier geben, themenspezifisch? Ich verwende das Delicacy-Theme, und es gibt mir nicht die Option, die Website-Identität zu ändern und ein Favicon einzufügen.
WPBeginner Support
Nein, das ist nicht themenspezifisch. Stellen Sie sicher, dass Sie die neueste Version Ihres Themes verwenden.
Admin
Mad Dog Malcs
Hallo, ich sehe auch den Tab „Website-Identität“ nicht. Ich benutze das Sketch-Theme, wie aktualisiere ich ein Theme?
Danke im Voraus, Malcs
shashi
Ich gehe vielleicht zur Theme-Anpassung... dort sehen Sie die Option, das Favicon-Symbol einfach hochzuladen...
Antonios
Möglicherweise sehen Sie nicht das Wort „Favicon“, sondern wahrscheinlich „Website-Symbol“. Wenn Sie eine Bildlaufleiste sehen, müssen Sie möglicherweise ganz nach unten scrollen, um das Feld „Bild auswählen“ zu sehen.
a
Sie können das Favicon über den "Anpassen"-Editor von WordPress hinzufügen, der auf jeder WordPress-Website zu finden ist.
Alan
Ich lade eine PNG-Datei hoch, die genau 512 × 512 Pixel groß ist, WordPress speichert sie, und dann erhalte ich ein zugeschnittenes Bild in meiner Mediathek. Super nervig! WordPress 4.4.
Alan
Ich sollte hinzufügen, dass das neue, zugeschnittene Bild genau die gleichen Abmessungen hat wie das Original, das ich hochgeladen habe, aber jetzt habe ich zwei in meiner Bibliothek (wenn auch eines zweimal verarbeitet wurde und tatsächlich zwei Kilobyte an Dateigröße zugenommen hat!).
Katherine Johnston
Ich habe das Verzeichnis durchsucht, genau wie Sie es beschrieben haben, aber mein Tab "Website-Identität" hat nur "Website-Titel", "Untertitel" und eine Checkbox zum Anzeigen von Header-Text. Wie kann ich das beheben? Oder muss ich den FTP-Weg gehen?
Danke für die Hilfe!
Rahul Thakur
Vielen Dank, sehr einfacher Weg, ich liebe es.
Liz
Ausgezeichnete Anweisungen, es hat mich ungefähr 32 Sekunden gekostet. Fabelhaft! Danke
Erin
Danke! Das war sehr hilfreich.
Marie Bock
Wow! Das war mit der neueren Version von WordPress so einfach.
Matt
Super-easy! Thanks for that – I just need to go away and design a better logo now
Viscoun
Funktioniert nicht. Wenn ich zu Anpassen > Website-Identität gehe, wird die Option Website-Symbol nicht angezeigt – es steht nur „Titel der Website“ und „Untertitel“.
david
welche Version von WordPress verwenden Sie?
Harshpreet
Hallo, dasselbe Problem habe ich auch und ich benutze die Website von WordPress auf meinem Laptop, um meinen Blog aufzubauen!
Gina
Ich habe dasselbe Problem. Ich benutze WordPress direkt online, ich habe nichts heruntergeladen. Überhaupt keine Option "Website-Icon".
WPBeginner Support
Bitte lesen Sie unseren Leitfaden über den Unterschied zwischen selbst gehostetem WordPress.org vs. kostenlosem WordPress.com-Blog.
Admin
Lourika
Ich habe ewig gebraucht, um es herauszufinden!!!!
Klicken Sie in der oberen linken Ecke auf MEINE SEITEN
Gehen Sie zu WP Admin
Klicken Sie dann auf EINSTELLUNGEN
und Sie können das Symbol (Bild) auf der rechten Seite ändern……
Megan
Juhu! Es hat perfekt funktioniert und die Anweisungen waren super einfach zu befolgen. Vielen Dank!
Malcolm Ruthven
Ich habe ein 512×512 Pixel großes Jog-Bild über Site Identity / Site Icon hinzugefügt. Das Bild wird dort einwandfrei angezeigt. Aber das Bild erscheint nicht als Favicon in irgendeinem Browser (Firefox, IE oder Chrome).
Shawna Marie
Ich habe alle Schritte ausgeführt. Das Bild wird im Customizer angezeigt, aber nicht auf der Website auf irgendeiner Plattform… iPhone oder auf meinem iMac in irgendeinem der Browser. Gibt es einen bestimmten Dateityp?
WPBeginner Support
Die Site-Icon-Funktion unterstützt PNG-, JPEG- und GIF-Bilddateien.
Admin
Mike Crutcher
Das funktioniert auf meiner Seite nicht. Ich habe das Icon in der richtigen Größe, aber es wird nicht angezeigt. Vielleicht liegt es an meiner benutzerdefinierten URL?
Maria
Ist diese Option zur Änderung der Website-Identität und zum Hinzufügen des Favicons themenspezifisch? Ich habe das auf meiner selbst gehosteten Website nicht.
Dave
Danke! Hat super funktioniert.
Arsh
Danke!
Nikki
Ich bin so froh, auf Ihren Artikel gestoßen zu sein. Ich hatte aufgehört zu versuchen, herauszufinden, wie ich mein Favicon hochladen kann, weil es unmöglich schien. Aber kürzlich hatte ich das Bedürfnis, es noch einmal zu versuchen. Sie haben es so einfach gemacht! Ich kann mich nicht erinnern, dass es früher so einfach war, es hochzuladen.
Danke!
Nikki
Ruby Dawnbrooke
Hallo!
Ich habe eine Frage. Kürzlich habe ich das Plugin All in One Favicon verwendet. Ich habe mein Bild hochgeladen, aber es wird nicht angezeigt, wenn ich nicht bei WordPress angemeldet bin. Es wird immer das HostGator-Favicon (regulär) angezeigt. Kann mir jemand helfen?
bg
Hier ist eine dumme Frage: Warum machen sie es so kompliziert? Das sollte etwas sein, das man mit ein paar Klicks erledigen kann, wie das Hinzufügen eines Bildes zu einem Blogbeitrag.
WPBeginner Support
Tatsächlich gibt es derzeit eine Funktion in der Testphase, die es Benutzern ermöglicht, Favicons über den Theme-Customizer hinzuzufügen.
Admin
dzaken
thankyou so much, easer way to make it. love it
Bert Rinkel
Ich habe ein Logo, das ich verwenden möchte. Ist das möglich? Es ist im Moment nicht quadratisch, kann es aber werden. Wie mache ich das? Kann ich in iPhoto (auf einem Mac) eines "erstellen"? Wo mache ich das in iPhoto und wie? Ich habe jetzt eines auf meinem Dashboard. Kann ich das irgendwohin ziehen? Wie speichere ich es als PNG-Datei? Wo mache ich das?
Dies ist eine gute allgemeine Seite, um zu verstehen, was ein Favicon ist, aber nicht, wie man es macht.
Mike
Hallo Bert, ich taste mich auch noch an diesen Prozess heran, aber bis zu dem Punkt, an dem du gerade bist, komme ich gut zurecht. Das Erstellen oder Bearbeiten eines vorhandenen Logos, damit es passt, kann in einem Programm wie Photoshop erfolgen. Denke daran, zu 'Neue Datei' zu gehen und die Größe auf 16x16 Pixel einzustellen. Importiere dein Bild dorthin und reduziere es, damit es passt. Wenn du kein Photoshop oder eine andere Bildbearbeitungssoftware hast, kannst du dorthin gehen, wo die Anweisungen leicht zu befolgen sind. Ich bin sicher, es muss nicht unbedingt eine PNG-Datei sein. Aber es muss eine .icon sein, die die Favicon-Seite für dich aus dem ursprünglichen .jpeg, das du hochgeladen hast, konvertiert. Da ich Photoshop habe, öffnete sich beim Klicken auf die Schaltfläche 'Bearbeiten' in iPhoto automatisch Photoshop. Sieh mal, was passiert, wenn du es auf deinem System machst. Möglicherweise öffnet sich eine alternative Bearbeitungsmethode. Ich hoffe, das hilft. Ich weiß, wie es als Anfänger ist.
chukwubueze
Danke Mann.. Ihre Website war mir nützlich und auch Ihre Videos auf YouTube. Ich arbeite immer noch an meiner Website.. Sie können einen Blick darauf werfen.
Vinayak
Kann ich mit diesem Plugin Meta-Beschreibung und Meta-Schlüsselwörter für meine Website hinzufügen?
4ryan
Was ist dieses Apple Touch Icon???
4ryan
Danke, das ist es, was ich suche, aber wie kann ich ein Website-Logo hinzufügen? WordPress.com hat die Option, ein Website-Logo hinzuzufügen, aber ich kann es in selbst gehosteten WordPress-CMS nicht finden
ConnieKirkpatrick
Thank you, this kept it simple and gives me a way to use this. Now, question: This will show a favicon for every page correct? What if I want a different one for each page?
Apoorva
Ich konnte das Favicon ohne das Hintergrundbild hinzufügen. Aber wenn ich zu einem anderen Tab im Browser wechsle, erscheint das Hintergrundbild. Zum Beispiel – wenn Sie nach oben schauen, ist das Favicon perfekt. Aber wenn Sie sich in einem anderen Tab befinden, sehen Sie den weißen Hintergrund. Jede Ratschlag wäre sehr willkommen! Danke!
mohammad raheem
Fügen Sie einfach diese Zeile in Ihre header.php ein, irgendwo vor dem Tag.
und favicon.ico in das Stammverzeichnis Ihrer Website hochladen. Stammverzeichnis, wo Ihr WP installiert ist, laden Sie favicon.ico nicht in Unterordner hoch. Aktualisieren Sie Ihren Browser ein- oder zweimal, dann erscheint Ihr ICO im Tab.
Daniel Lobo
Das hat das Problem definitiv behoben und das Favicon auf allen Seiten geändert, AUSSER der Startseite! Warum könnte das so sein?? Bitte helfen Sie! Und danke!
Manuel Echeverry
großartig! Ich werde es tun
joe
dis noob didnt use the transparency
Emma Lock
Vielen Dank, dass Sie das so einfach nachvollziehbar gemacht haben!
Monu Saifi
Danke, dass Sie die Tops gegeben haben, um das Favicon-Symbol auf meinem Blog hinzuzufügen.
Nochmals vielen Dank
Richard
Gibt es eine Möglichkeit, das All-in-One-Favicon-Plugin über meine /wp-admin/-Seite über meinen Browser zu installieren? Ich habe alles direkt über den Browser erstellt, keinerlei FTP.
shashi
Ich gehe vielleicht zur Theme-Anpassung... dort sehen Sie die Option, das Favicon-Symbol einfach hochzuladen...
Lluisrd
Super!!! Ich habe nur eine Zeile in (header.php) bearbeitet und habe ein Favicon.
Aber ich bevorzuge 128×128 Favicons…. wie Google
DANKE
Kayode
Vielen Dank… Ich habe versucht, Header und Footer einzufügen, aber es hat nicht funktioniert, aber als ich „All in one Favicon“ ausprobiert habe, hat es funktioniert.. Vielen Dank..
Joel Mwakasege
Wow, danke, das hat mir sehr geholfen. Mein Blog hatte nur das Standard-WordPress-Icon.
Rahul
Was ist der Unterschied?
Ich meine, warum sollte man sich mit FTP abmühen, wenn ein einfaches Plugin verfügbar ist und denselben Zweck erfüllt?
Redaktion
Da die Aufgabe so einfach ist, kann sie auch ohne Plugin erledigt werden. Aber das ist wieder persönliche Präferenz.
Admin
Kelvin Hanratty
Gibt es einen Grund, warum es 16x16 sein MUSS, da hochauflösende oder, wage ich zu sagen, „Retina“-Bildschirme eine höhere Pixeldichte haben?
Der Grund, warum ich es erwähne, ist, dass ich eine Website verwendet habe, um ein Bild in ein Favicon umzuwandeln, und sie mir mehrere Größen als Optionen angeboten hat: 16, 32, 64 Pixel. Unterstützt WordPress das nicht?
Excuse my ignorance, I’m pretty new to WordPress!
Kelvin.
Kelvin Hanratty
Entschuldigung, habe den Beitrag über Bluehost falsch gelesen. Ups!
Praveen Prasad
Ohne Plugins hochzuladen, kann man einer Website einfach ein Favicon hinzufügen.
Einfache Schritte :-
1) Hosting CPanel —> File Manager –>
2) Suchen Sie das Standardbild im Theme-Ordner.
Ex- genesis/images/ favicon.ico
Laden Sie Ihre .ico-Datei in denselben Ordner hoch und merken Sie sich den Namen der Standarddatei.
(hier favicon.ico)
I don’t think that remembering a simple filename is annoying.
Löschen Sie dann diese Datei und benennen Sie die neue Bilddatei mit dem vorherigen Dateinamen um.
It Works
David
Ja, so habe ich das bei Bluehost gemacht. Ich habe einfach die favicon.ico-Datei überschrieben, die dort war, mit meinem hochgeladenen Bild. Das Einzige ist, dass das Original auf 16×16 eingestellt war und ich ein ähnliches 16×16 hinzufügen musste. Es hat zwar kein 32×32 übernommen, aber es ist in Ordnung, es hat einfach funktioniert.