Das Apple Touch Icon ist ein kleines Symbol / Logo welches für die Anzeige von gespeicherten Webseiten auf deinem iPhone oder iPad verwendet wird. Apple bietet neben dem Bookmark setzen im Safari, auch die Möglichkeit eine Webseite als App-Symbol auf dem Home-Screen des Gerätes abzuspeichern. So lassen sich interessante Webseiten noch schneller finden und besuchen.

Standardmäßig verwendet Apple die Anzeige eines Website-Screenshots, insofern kein benutzerdefiniertes Apple Touch Icon angegeben wurde. Je nach Gerätetyp verwendet Apple für die Anzeige des Touch Icons unterschiedliche Größen um eine optimale Darstellung zu gewährleisten. Daher empfiehlt es sich für jede Größe eine optimierte Touch Icon-Größe zur Verfügung zu stellen.

Wie kann ich ein Apple Touch Icon in meine WordPress Webseite einbinden?

Die folgende Funktion deckt vier verschiedene Apple Touch Icon Größen ab „120×120“, „167×167“, „180×180“ Pixel sowie eine individuelle Größe, die eine höhere Auflösung als die zuvor genannten Größen bereitstellen sollte. Die individuelle Größe für ein Apple Touch Icon wird immer dann genutzt, wenn keine andere optimale Größe gefunden wurde. Apple rechnet dann das Icon automatisch runter um eine optimierte Variante des Icons darzustellen.

Mit der unteren Funktion verwenden wir die WordPress-Action wp_head um die Apple Touch Icons im Head-Bereich deiner WordPress Webseite einzubinden. Die Icons werden dabei nicht für den Nutzer sichtbar gemacht, sondern stattdessen in den Quellcode deiner Webseite eingebunden. Kopiere einfach die folgenden Code-Schnipsel bspw. in die functions.php Datei deines Themes: