Christoph S. Ackermann

Bei WordPress Themes sollte das Favicon mit dem Theme mitgeliefert werden und nicht manuell in das Root der WordPress Installation kopiert werden.

 

Für den richtigen Einbau kann wie folgt vorgegangen werden:

 

  1. Das Favicon in das Theme-Verzeichnis kopieren (z.B. wp-content/themes/demo)
  2. Die Datei, welche den HTML-Header beinhaltet (oft header.php), mit einem Editor öffnen
  3. Im Bereich des <head>-Tags, folgende Zeile einfügen:
    <link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

 

Danach wird das Favicon auf jeder Seite angezeigt – und wechselt auch entsprechend mit dem Theme.

 

Der Codeschnipsel ist zudem universell einsetzbar – es müssen keine Pfade manuell angepasst werden, da diese mit der bloginfo-Funktion ausgelesen werden.

 

Noch ein paar Favicon Facts:

  • Alle Browser, bis und mit IE5, unterstützen die *.ico-Files
  • Es können auch *.png und *.gif’s als Favicons eingesetzt werden – jedoch rufen alle modernen Browser trotzdem ein favicon.ico ab. Um 404-Fehler zu vermeiden, sollte immer ein favicon.ico als Backup bereit stehen
  • *.ico kann mehrere Icons beinhalten – es ist nicht notwendig, mehrere Dateien für z.B. unterschiedliche Grössen bereit zu stellen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Lust auf mehr?

Tech Talk - "Advanced Custom Fields" Plugin

Christian Stampfli
Bereits seit langer Zeit setzen wir bei unseren …
Blogbeitrag ansehen

Neue Website – Neue Identität

Mario Götz
Eine Website ist für viele der erste Berührungspunkt …
Blogbeitrag ansehen

Eignet sich Twitter für mein Unternehmen? 12 Facts und 8 Benefits

Sarah Berger
Kurz zur Erinnerung: Die kostenlose Social Media Plattform …
Blogbeitrag ansehen