Favicon in WordPress

Der schnelle Weg (reicht für die meisten Seiten): Lade die Datei icon-512.png aus deinem Paket als Website-Icon hoch. Du findest es je nach Theme unter Einstellungen → Allgemein → Website-Icon (seit WordPress 6.5) oder unter Design → Customizer → Website-Informationen. WordPress erzeugt daraus selbst die nötigen Größen.

Das volle Paket (mit favicon.ico, icon.svg und Web-App-Manifest):

1. Dateien hochladen: Lade alle Dateien per FTP ins Hauptverzeichnis deiner WordPress-Installation (dort, wo die wp-config.php liegt).

2. Code ins Child-Theme: Füge in die functions.php deines Child-Themes ein:

   add_action('wp_head', function () { ?>
   <link rel="icon" href="/favicon.ico" sizes="32x32">
   <link rel="icon" href="/icon.svg" type="image/svg+xml">
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   <link rel="manifest" href="/site.webmanifest">
   <meta name="theme-color" content="#ffffff">
   <?php }, 1);
   

3. Website-Icon entfernen: Ist unter Website-Icon noch ein Bild hinterlegt, entferne es – sonst gibt WordPress zusätzlich eigene Icon-Tags aus.

Nutze ein Child-Theme, sonst ist der Code beim nächsten Theme-Update wieder weg.