Wordpress
Internet

WordPress Favicon ändern

199Ansichten

WordPress Favicon ändern – Webmaster.de Hilfe Guide

Zuletzt aktualisiert: Juli 29, 2024 @ 23:13

Wie ändere ich das Favicon in WordPress?

Ein Favicon ist das kleine Symbol, das in der Browser-Tab-Leiste neben dem Seitentitel angezeigt wird. Es hilft, Ihre Website visuell zu identifizieren und trägt zur Markenbildung bei.

Favicon über den Customizer ändern

Die einfachste Methode, das Favicon in WordPress zu ändern, ist die Verwendung des Customizers. Diese Methode erfordert keine Programmierkenntnisse und kann direkt im Dashboard durchgeführt werden.

  1. Customizer öffnen: Gehen Sie in Ihrem WordPress-Dashboard zu Design > Customizer.
  2. Website-Informationen auswählen: Klicken Sie auf Website-Informationen.
  3. Site Icon ändern: Unter Website-Icon (oder Favicon) können Sie Ihr neues Favicon hochladen. Es sollte mindestens 512 x 512 Pixel groß sein.
  4. Bild hochladen: Klicken Sie auf Bild auswählen und laden Sie Ihr Favicon hoch.
  5. Änderungen speichern: Klicken Sie auf Veröffentlichen, um Ihre Änderungen zu speichern.

Favicon manuell ändern

Für fortgeschrittene Benutzer, die mehr Kontrolle über den Favicon-Prozess haben möchten, kann das Favicon auch manuell geändert werden.

  1. Favicon erstellen: Erstellen Sie Ihr Favicon in den benötigten Größen (16×16, 32×32, 48×48, etc.) und speichern Sie es im .ico-Format.
  2. Favicon hochladen: Laden Sie das Favicon in das Root-Verzeichnis Ihrer WordPress-Installation hoch, normalerweise in /wp-content/uploads/.
  3. Code hinzufügen: Fügen Sie den folgenden Code in die header.php Datei Ihres Themes ein, innerhalb des <head>-Tags:
    <link rel="icon" href="http://example.com/wp-content/uploads/favicon.ico" sizes="32x32" />
    <link rel="icon" href="http://example.com/wp-content/uploads/favicon.ico" sizes="192x192" />
    <link rel="apple-touch-icon-precomposed" href="http://example.com/wp-content/uploads/favicon.ico" />
    <meta name="msapplication-TileImage" content="http://example.com/wp-content/uploads/favicon.ico" />
  4. Änderungen speichern: Speichern Sie die Datei und überprüfen Sie Ihre Website, um sicherzustellen, dass das Favicon korrekt angezeigt wird.
Siehe auch  WordPress Elementor

Verwendung eines Plugins

Es gibt auch verschiedene Plugins, die Ihnen helfen können, Ihr Favicon in WordPress zu ändern. Diese Plugins bieten eine benutzerfreundliche Oberfläche und zusätzliche Funktionen.

  1. Plugin installieren: Gehen Sie zu Plugins > Installieren und suchen Sie nach einem Plugin wie Favicon by RealFaviconGenerator. Installieren und aktivieren Sie das Plugin.
  2. Plugin-Einstellungen öffnen: Gehen Sie zu den Einstellungen des Plugins und folgen Sie den Anweisungen, um Ihr Favicon hochzuladen und anzupassen.
  3. Änderungen speichern: Speichern Sie Ihre Änderungen und überprüfen Sie Ihre Website, um sicherzustellen, dass das Favicon korrekt angezeigt wird.

Häufig gestellte Fragen

Warum ist mein Favicon nach der Änderung nicht sichtbar?
Möglicherweise liegt das Problem an Ihrem Browser-Cache. Versuchen Sie, den Cache zu leeren oder die Seite in einem Inkognito-Fenster zu öffnen.
Welche Größe sollte mein Favicon haben?
Das Favicon sollte mindestens 512×512 Pixel groß sein, um auf verschiedenen Geräten und Browsern korrekt angezeigt zu werden.
Kann ich ein animiertes Favicon verwenden?
Animierte Favicons werden von den meisten Browsern nicht unterstützt. Es ist besser, ein statisches Bild zu verwenden.