Een favicon op uw site plaatsen
Het favicon of snelkoppelingspictogram is de kleine afbeelding die naast de URL van een site wordt weergegeven in de adresbalk van uw browser. Het verschijnt ook naast de naam van de site in uw bladwijzers of favorietenlijst en als u een browser met tabbladen gebruikt, kan dit ook op het tabblad verschijnen.

Het plaatsen van een favicon op uw site is een leuke manier om een ​​beetje persoonlijkheid toe te voegen, en het is eigenlijk vrij eenvoudig. Het moeilijkste deel van het proces is om een ​​afbeelding te kiezen om mee te beginnen! Als je een goed oog hebt voor afbeeldingen, kun je er zelf een ontwerpen. Zo niet, dan kunt u altijd een afbeelding van internet kiezen. Als u besluit om een ​​bestaande afbeelding te gebruiken, downloadt u dan NIET gewoon een afbeelding van een andere site en plaatst u deze op uw eigen site - u maakt inbreuk op het auteursrecht van die webmaster en kan in ernstige problemen komen. Pak in plaats daarvan een afbeelding van een van de gratis bronnen op internet.

Uw favicon moet een specifieke grootte hebben om te werken - ofwel 16X16 pixels of 32X32 pixels. Dit is echt heel klein, dus als je je basisafbeelding selecteert, zorg er dan voor dat deze er goed uitziet tot postzegelformaat. Heldere kleuren en eenvoudige vormen werken meestal het beste. U moet uw afbeelding ook opslaan in een van de geaccepteerde favicon-indelingen: .png, .gif of .ico. De meeste webontwikkelaars gebruiken .ico omdat uw favicon waarschijnlijk het enige bestand op uw website is met die extensie, dus het zal opvallen wanneer u door de mappen van uw site bladert.

U kunt een van een aantal gratis webtools gebruiken om uw afbeelding te converteren naar een .ico-bestand met de juiste grootte. Ik gebruik er een die wordt aangeboden door de makers van HTML Kit, waarmee je zowel statische als geanimeerde favicons kunt maken. Er is een link naar de favicon-tool onder dit artikel.

Nu komt het eenvoudige gedeelte - het favicon aan uw site toevoegen! U hebt twee opties voor het weergeven van de favicon-afbeelding. De eerste en veiligste optie is om de volgende code in het hoofdgedeelte van elke pagina te plaatsen waar u het favicon wilt weergeven, waarbij het gedeelte 'href' wordt vervangen door de url van uw favicon:


Type = "image / ICO"
href = "// example.com/myicon.ico">

De tweede optie is om je favicon "favicon.ico" te noemen en in je root-directory te plaatsen (dit is meestal dezelfde directory als je homepage). Met deze methode hoeft u zelfs geen code aan uw webpagina's toe te voegen en bijna alle browsers zullen het pictogram oppikken - echter, bepaalde browsers (meestal oudere) geven het favicon niet weer als u deze methode gebruikt.

Video-Instructies: Favicon op je Wordpress Site (Maart 2024).