it-swarm.com.de

Wie ändere ich das WordPress-Favicon?

Ich suche nach einer Möglichkeit, das WordPress-Favicon zu ändern. Irgendwelche Tipps, wie das geht?

2

Sie sollten es in die header.php-Datei Ihres Themas mit folgendem Code (W3C-Standardcode) einfügen:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png">
6
Fernando Briano

Erwägen Sie für ein wenig Interoperabilität die Verwendung des Microsoft Icon-Formats.

Legen Sie einfach eine Datei namens favicon.ico mit Ihrem Symbol grafik in das Stammverzeichnis Ihrer Website.

Das ist wichtig, weil viele es direkt anfordern.

Natürlich sollten Sie das Meta auch zur Ausgabe Ihrer Site hinzufügen. Es wird in den HTML-Kopfbereich eingefügt:

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon"/>

Auf diese Weise funktioniert es in einer großen Anzahl von Browsern und es werden 404-Fehlermeldungen in Ihren Server-Protokollen verhindert, da die Meta-Href nicht von allen Benutzeragenten widergespiegelt wird.

Favicon in WordPress

Ein HTML-head-bezogener WordPress-Hook ist wp_head (Wordpress Codex) :

add_filter('wp_head', function(){ 
    printf("%s\n", '<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon"/>');
    });

Seit Version 3 hat WordPress ein leeres favicon.ico eingebaut.

Wenn Sie an einigen Details interessiert sind, gab es einige Diskussionen in Sollte Standard-Favicon (Ticket # 3426) enthalten und Anforderungen für favicon.ico (Ticket # 11412) verwerfen , die zu diesem Standard führten 0 Byte lange virtuelle /favicon.ico-Datei (wenn WordPress im Stammverzeichnis des Servers abgelegt ist).

Es handelt sich also im Grunde genommen um eine Datei, bei der der Browser in einem Standard-Setup ohne eine vom Benutzer hinzugefügte /favicon.ico-Datei einen Fehler macht.

6
hakre

Laden Sie einfach eine "favicon.ico" -Datei in das Stammverzeichnis Ihrer Website und fertig! Eigentlich funktioniert Fernandos Antwort auch:

<link rel="icon" type="image/png" href="http://yourblog.com/favicon.png">

Und um Favicons für Apple-Geräte hinzuzufügen, fügen Sie dies Ihrem Kopf hinzu:

<link rel="Apple-touch-icon" href="/customIcon.png"/>
2

Falls Sie IE 6 unterstützen, eine kleine Warnung: Das Favicon wird nur in der Symbolleiste angezeigt, wenn die URL zu "Favoriten" (Lesezeichen) hinzugefügt und die Favicons in IE gespeichert werden. Cache, wird also gelöscht, wenn Sie den Cache löschen, oder wenn in regelmäßigen Abständen gelöscht wird.

2
S.gfx

Fügen Sie diesen Code einfach in die Datei functions.php ein und ändern Sie href mit Ihrem Favicon-Pfad

function blog_favicon() {
echo '<link rel="Shortcut Icon" type="image/x-icon" href="'.get_bloginfo('wpurl').'/favicon.ico" />';
}
add_action('wp_head', 'blog_favicon');
1
Mohit Bumb

Um die Liste der Antworten zu vervollständigen, wurden in den obigen Antworten (siehe auch http://en.wikipedia.org/wiki/Favicon ) und Ihre Wahl erwähnt:

  1. wenn Sie ein /favicon.ico im Stammverzeichnis (http://en.wikipedia.org/wiki/Favicon) hinzufügen, können Sie hier nur Symbole hinzufügen, z. /favicon.png ist ungültig. Es gibt einige Überlegungen zum ICO-Typ. Sehr ältere IE Browser unterstützen NUR das MS ICO-Format
  2. tag with rel = shortcut icon : browserübergreifende Unterstützung mit Notizen, viele Sites bevorzugen dies. Sie können hier andere Dateitypen hinzufügen, aber hauptsächlich sehe ich png, gif, ico, jpg und jpeg. Sie können auch animierte Gifs hinzufügen, wenn Sie das GIF-Format verwenden.
  3. tag mit rel = icon : Hier geben Sie den MIME-Typ an
  4. betten Sie es direkt in die Seite ein, indem Sie z. Base64-Codierung: z. B. href = "data: image/x-icon; base64, iVBORw0 ==" , dies wird auch NICHT von allen Browsern unterstützt, aber es gibt einige Sites, die es verwenden.

    • Nehmen Sie den Begriff des MIME-Typs an, der z.B. Für Symbole wird der offizielle Standard weiterhin als "image/vnd.Microsoft.icon" bezeichnet, aber "image/x-icon" wird hier auch für IE 6-Versionen benötigt.
    • Außerdem stelle ich fest, dass der angegebene Mimetyp nicht immer dem tatsächlichen Dateityp entspricht, manchmal wird ICO angegeben, aber es ist ein tatsächliches PNG vorhanden. So beachten Sie die richtige MIME-Typ.
    • Wenn Sie bei Googles Favicon-Anbieter landen möchten, sollten Sie das ico im Stammverzeichnis hinzufügen.
    • Andere Icon-Unterstützung: Neben favicon.ico gibt es VIELE zusätzliche Tags für Icons wie das oben erwähnte Apple-Icon, aber auch link rel = "avatar", link rel = "pavatar" etc ...

Von der anderen Seite, wenn ich nach einem Favoriten suche:

p.s. Sie können natürlich alle diese Methoden auf Ihre Site anwenden, um die größtmögliche Unterstützung zu erhalten;)

1
edelwater

Ich benutzte:

<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">

mit favicon.ico in der Wurzel des Themas.

0
vanduc1102