In dit artikel gaan we uitleggen hoe je een klein icoontje (genaamd favicon) naast je website url kunt zetten. Een favicon is 16px bij 16px en verschijnt in de adressenbalk naast de website url. Tevens is de favicon zichtbaar als mensen je website als favoriet markeren.
Je ziet dat steeds meer grote websites hier gebruik van maken, zo heeft bijvoorbeeld Twitter het logo als favicon staan en hetzelfde geldt ook voor marktplaats.
Favicon instellen
1) Ga naar de website http://favicon.htmlkit.com/favicon/ om een favicon te maken
2) Kies een bestand (bijv. logo) om daarvan een favicon van te maken. Wanneer je bestand hebt gekozen klik op de knop [Generate Favicon.ico]
3) In het volgende scherm krijg je een voorbeeld te zien van je favicon. Je kunt ook kiezen voor een animated favicon.
4) Wanneer tevreden, klik op de link “Download FavIcon Package” om de Favicon te downloaden.
5) Het bestand is opgeslagen als zip bestand. Zet het favicon bestand even lokaal.
6) We moeten het favicon bestand nu op 2 locaties zetten in de achterkant van de website. Dit kan je doen door middel van het FTP programma genaamd FileZilla.
7) De eerste locatie is de root van je website. Bij de meeste zal dit zijn: websiteacademie.nl/public_html/
8) De tweede locatie is de theme folder van je website. Bij de meeste zal dit zijn: websiteacademie.nl/public_html/wp-content/themes/THEME/
9) Zet onderstaande regel in het header.php bestand welke je kunt vinden op de volgende locatie:
websiteacademie.nl/public_html/wp-content/themes/ THEME/header.php
<link rel=”shortcut icon” href=”<?php bloginfo(‘stylesheet_directory’); ?>/favicon.ico” />
10) Favicon is nu toegevoegd aan je website!
Succes!
