Als je een website weleens hebt ge-bookmark-ed heb je vast gezien dat sommige sites een leuke illustratie in plaats van slechts enkel de website naam of url krijgen in je bookmarks.
Een Favicon is een mini icoon van je website.
Dit icoon kan een afgeleide zijn van (onderdeel van) je logo of gewoon een moppig ding, sterretje, of nog beter foto van jezelf/je avatar op social media als je geen logo hebt of wilt. (wel is de handigheid een favicon herkenbaar te laten zijn op 16×16 pixels groot)
Als je een premium thema hebt (meer opties dan een ander thema, al dan niet betaald) heeft de maker vaak al opties ingebakken om een favicon in te stellen (en soms zelfs een app icoon of een retina ready versie)
Als dat niet zo is dan zul je je favicon zelf moeten toevoegen (of laten doen).
Maar het zelf toevoegen aan je blog/website is zo moeilijk nog niet.
[lightgrey_box] instructies voor WordPress, zelf gehost
Favicon maken
Voorbereiding om het plaatje op te slaan als favicon.ico :
1. Maakt het plaatje vierkant. Dit doe je door bijsnijden van of het toevoegen van ruimte rond het plaatje wat je wil gebruiken.
2. zorg dat de afbeelding naar 16 x 16 pixels is.
3. Sla het bestand op als favicon.ico.
Om een bestand als .ico op te slaan kan je gebruik maken van GIMP of een online .ico generator zoals: www.faviconer.com
Favicon toevoegen
Als er al een oud favicon.ico bestand aanwezig is in de hoofdmap van je huidige thema, kan je deze verwijderen met behulp van een FTP Client (bijvoorbeeld filezilla)
1. Upload vervolgens het nieuwe favicon.ico bestand in de hoofdmap van je huidige thema.
2. Upload een kopie van je favicon.ico bestand naar de hoofdmap van uw site (dwz. http://example.com/favicon.ico). Dit zal de favicon in feedreaders uw abonnees ‘weer te geven.
Om dat sommige oudere browsers een favicon niet tonen, is het nodig om het header.php te bewerken.
1. Ga naar je WordPress dashboard.
2. Klik op Weergave
3. Klik op Bewerker
4. Selecteer het bestand met de naam header of header.php om het bestand te bewerken.
5. Zoek naar de regel code die begint met <link rel=”shortcut ICON” en eindigt met /favicon.ico” />.
6. Vervang deze regel, als ze bestaat, of voeg anders de volgende code onder de <head> HTML-tag.
<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />
7. Sla de wijzigingen op.
[/lightgrey_box]
Bron WordPress Codex Nog meer (engelstalige) instructies staan in de wordpress codex mocht je een andere situatie hebben dan hierboven beschreven.
Of je gebruikt een plugin all in one favicon (niet getest door blogpraat)
genesis theme specifieke tip:
@elja1op1 Deze dus wordpress.org/extend/plugins… #blogpraat om Genesis favicon te uploaden #plugin
— Marian de Jong (@piripirimarcom) May 13, 2013
;)
2 Reacties