Van je website een icon maken voor op je beginscherm

Share

Hoe krijg je een mooie icon van je website op je beginscherm van je iPad of iPhone?

Als je met je iPad of iPhone via Safari een website bezoekt en je klikt op het symbooltje links van de adresregel, dan zie je verschillende opties voor het delen en bewaren van de pagina. In het midden staat de optie: Voeg toe aan beginscherm. De icon hierbij is vaak een plaatje van een deel van de website, maar je kunt hiervoor ook zelf een icon maken. Daarmee kunnen bezoekers van je website een mooie icon op hun beginscherm zetten, die werkt als een snelkoppeling. Zie het plaatje rechts.

Hoe maak je die icon en hoe koppel je hem aan je site? Zoals met veel dingen: het is heel makkelijk als je weet hoe het moet.

Maak een icon

  • De icon moet vierkant zijn en worden opgeslagen als png.
  • Geef de icon de naam apple-touch-icon.png.
  • Uploade de icon naar de hoofdmap (webroot) van je website.

Voeg een code toe aan devan je website.

In html is dit makkelijk: plakt tussen en de code
.

In een WP-blog is het ook simpel, maar je moet even durven.
Ga naar Weergave en Bewerker.
Kies de header.php.
Plak onder ergens de code.
Klik op Bestand bijwerken.

Ga op de iPad of iPhone naar Safari, bezoek je website en plaats een mooie icon op je beginscherm.

Geef een reactie