Je hebt ze vast al eens gezien. Favicons, de kleine icoontjes naast de website naam bovenin je adresbalk. Ze bestaan al jaren en zeker nu browsers meer en meer in staat
zijn om met tabbladen te werken, zijn ze zeer nuttig voor je branding.
In dit artikel leer je, een favicon toe te voegen aan je eigen website.
Stap 1 – Je eigen Favicon
Een Favicon is over het algemeen een .ico bestand, gemaakt vanuit een eigen afbeelding van 32×32 px. De meeste hedendaagse browsers zullen ook werken met een png bestand, maar vooral de oudere browsers kunnen je bestand niet weergeven als het geen .ico bestandje is. Om je eigen favicon te maken, maak je in Photoshop, Paint of ieder ander grafisch bewerkingsprogramma een afbeelding van 32×32 pixels en ga je naar http://favicon-generator.org/ en creëer je een .ico bestand van je eigen afbeelding.
Stap 2 – Toevoegen aan je website
Gezien we een bestand op je server gaan aanpassen (namelijk het header.php bestand van je template), is het belangrijk dat je toegang hebt tot deze bestanden middels FTP. In deze tutorial gebruiken we Filezilla (https://filezilla-project.org/) om bestanden te bewerken.
1. Maak een verbinding met je website en upload het .ico bestand naar de root van je website (meestal in de map public_html).
2. Ga vervolgens naar de map public_html/wp-content/themes/denaamvandethemediejijgebruikt en zoek het bestand header.php
In dit bestand voeg je de code in die je zojuist hebt gekregen:
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon">
En klaar is je Favicon!
