Favicon en app-icoon toevoegen aan je WordPress website

Geplaatst in: AHA-blog | 0

ahaicoonEen favicon? Wat is dat?

Dat is de kleine afbeelding (meestal het logo) op het tabblad in de browser. (Kijk maar bovenin je browserscherm, ik heb er ook eentje.)

Aan een fav-icoontje kun je het tabblad waarin die website is geopend, herkennen. Handig als je meerdere tabbladen in je browser open hebt staan. Het is dus een herkenbaar icoontje, niet groter dan 16 x 16 pixels dat getoond wordt bovenin de adresbalk.

“Waarom zou ik een favicon toevoegen aan mijn WordPress website?”

  • Het ziet er professioneel uit.
  • Het is goed voor de merkherkenning, zie het als een stukje branding.
  • Bij het zoeken naar je website tussen opgeslagen favorieten of bladwijzers vinden mensen je site sneller terug.

En nee, het is niet moeilijk. Bovendien krijg je een app-icoon kado.

Iphone screen AHA“Wow, een app-icoon? Dat wil ik ook.”

Hoe voeg je een favicon én app-icoon toe aan je website?

Sinds de update WordPress 4.3 is dit gemakkelijker dan daarvoor. Voorheen ging het via plugins of door zelf te coderen. Nu zit het gewoon in de standaard WPinstallatie.

Kies Weergave> Customizer > Siteidentiteit.

Upload de afbeelding die je als icoon wilt gebruiken. Die afbeelding moet minimaal 512 pxls x 512 pxls zijn. Als je een grotere afbeelding upload kun je deze bijsnijden tot dit formaat.

Ik adviseer je om een afbeelding met een transparante achtergrond te kiezen, anders zie je zo’n wit vlakje.

Opslaan. En tatada ! Je website heeft een favicon én een heel cool app-icoon.

 

Hoe zet je een app-icoon van een website op het startscherm van je iPhone of iPad?

  1. Open Safari
  2. Ga naar de betreffende website
  3. Tik op het icoontje van het vierkantje met de pijl ( staat onderin je scherm)
  4. Tik op “voeg toe aan beginscherm”
  5. Je ziet nu het icoontje, de naam en het webadres. Tip: Kort de naam even in want die komt onder het icoon op het startscherm te staan.
  6. Tik op: Voeg toe.

Et voilá > Het icoon staat tussen de andere icoontjes op je smartphone of tablet. De volgende keer dat je de site gaat bezoeken klik je gewoon op het icoon.