Frank Daelmans

Het laatste nieuws over: Social media, bloggen, wordpress, webhosting, online geld verdienen

Categories:

Eenvoudig een favicon aan Wordpress toevoegen.

Een ‘favicon‘ is een icoontje dat geld als het ‘beeldmerk‘ van je website. Als je boven in de adresbalk van je browser kijkt, zie je dat er naast de naam van mijn site (www.frankdaelmans.com) een klein icoontje met “FD” staat. Dit icoontje zorgt voor extra herkenbaarheid. Het is zeg maar het beeldmerk of logo van je site.

Ook als je mijn site opslaat onder je favorieten (wat je zeker moet doen), valt de site, d.m.v. het ‘FD‘-icoontje natuurlijk beter op in een hele rij van links. het maakt je link herkenbaar en springt dus in het oog.

Het toevoegen van zulk een icoontje is met behulp van een wordpress plugin heel eenvoudig. Wat je hiervoor nodig het is het volgende:

Een favicon generator (daar waar jij je logo gaat maken)
Een gratis filehost (hier kun je gratis je tekening plaatsen)
Een wordpress plugin (in ons geval Favicon-manager)

Laten we de drie stappen hierboven eens verder bekijken.

De favicon generator

Voor mijn favicon heb ik gebruik gemaakt van favicon.cc, een eenvoudige ‘generator’, waardoor je met het kleuren van blokjes snel een eenvoudig in tien minuten je favicon maakt.
Hieronder zie je het beginscherm waarbij ik eenvoudig met de kleur zwart en wit de beginletters van mijn naam gemaakt heb. Je kunt natuurlijk zo creatief zijn als je zelf maar wilt. Uiteindelijk moet je niet vergeten dat de uiteindelijke tekening maar 16 x 16 beeldpunten. (dat is dus klein)

Via het menu onder de tekening kun je een priview zien op ware grootte, waarna je deze kunt downloaden.

Om je logo in je browservenster te kunnen zien, zullen wij deze eerst ergens moeten hosten waarna we naar het icoontje kunnen linken.

Een filehost

Voor de Filehosting heb ik gekozen voor Fileden, omdat deze gratis is (belangrijk!) en omdat ik hier ‘ico’-files kan uploaden. (een .ico file is het favicon bestand).
Nadat je een account hebt aangemaakt , kun je via de upload knop je favicon uploaden. Hieronder zie je hoe je bestanden in ‘Fileden’ kunt uploaden.

Blader door het bestand waar je de favicon hebt opgeslagen, kies deze (dubbelklik) en upload je favicon.

Kies in het volgende scherm welke je hierna ziet (foto hieronder) de optie ‘Direct URL‘ in dit geval is dat: http://www.fileden.com/files/2009/2/8/2312633/favicon.ico

Deze URL heb je nodig in de favicon-manager plugin.

De Wordpress favicon-manager plugin

- Ik ga er even vanuit dat je weet hoe je een plugin via het Wordpress dashbord kunt downloaden. Kies voor Add New en zoek naar Favicon-Manager. Je kunt deze plugin ook hier downloaden.
Nadat je deze hebt gedownload ga je naar ‘Settings‘ op je Wordpress Dashboard en kies je ‘Favicons’.

Hier krijg je een eenvoudig menu, waarbij je de URL van ‘fileden’ plakt in het vakje ‘location‘ (zie foto hieronder)
Je hebt ook nog de mogelijkheid om je favicon aan je RSS en Atom-feed toe te voegen. Druk nu op ‘update options‘ en je zou je icoontje moeten zien.
Nu hoef je alleen nog je pagina een paar maal te vernieuwen om deze ook naast de adresbalk van je browser te zien.

Veel succes!