Søndagstips #1_1

favicon i WordPress 4.3Updatering 23.8.15: Har du den nyeste version af WordPress (4.3), så kan du indsætte favicon (kaldet Site Icon) direkte fra WordPress fremfor at bruge et plugin (Appearance -> Themes -> Customize -> Site Identity -> Site Icon (Select file)). Hvis du har den nyeste version af WordPress, så vil vi derfor anbefale at du benytter dette, fremfor at benytte et plugin. Har du ikke den nyeste, og har du ikke mulighed for at opdatere, så kan metoden herunder anvendes.

Favicon på din blog via plugin (< Worpdress 4.3)

Det er ofte de små designelementer, som skaber helheden på din blog. En af disse ting kan f.eks. være et favicon, som er et lille ikon som bliver tilknyttet din blog f.eks. som bogmærkeikon. Derfor går favicon også under navnet bookmark icon eller shortcut icon. Udover at ikonet fremgår som et bogmærkeikon, så fremgår det overså som tab-ikon i dit browservindue (se billeder herunder).

1 Favicon fremgår af tab-ikon.

Da ikonet er mindre end det gennemsnitlige bloglogo, så kan det sætte visse begrænsninger for valget af ikon. Ofte vælger man delelementer af bloglogoet – eksempelvis i vores tilfælde, hvor vi har benyttet U’et. Dette samme gør sig gældende for Facebook med F og Google med G. Ofte hvis du benytter et logo på din Facebook-side, så vil dette også kunne benyttes som favicon.

  1. Vælg ikon som du ønsker at benytte
  2. Sørg for ikonet kan nedskaleres til 16*16 pixel
  3. Sørg for at ikonet er gemt i .PNG (eller anden transparent format)
  4. Indsæt igennem dit temas indstillinger eller igennem et plugin

Sådan indsættes favicon på din blog

Har du allerede et tema, som giver dig mulighed for at indsætte et favicon, så skal du blot gøre dette under dit temas indstillinger. Dette er den måde, som vi har fået favicon på Unitate.dk. Mange temaer har dog ikke indbygget denne funktion.

2 Tjek om dit tema giver dig mulighed for at indsætte favicon

Hvis dit tema ikke giver dig denne mulighed, så kan du gøre brug af pluginnet ”All In One Favicon”. Når du har installeret dette plugin på din blog, så kan du nemt vælge dit ønskede ikon direkte fra pluginnet. Gå til Settings -> all in one favicon.

3 Benyttelse af pluginnet All in One FAvicon

Som det fremgår af billedet, så har du muligheden for at benytte formaterne ICO, GIF eller PNG. Herudover en bestemt format, som kun bruges på Apple touch produkter. Hvis du har erfaringer med Photoshop eller andre fotoredigeringsprogrammer for bloggere, så kan du nemt gennem i en af disse formater.

Gem i formater
Benytter du Photoshop, så kan du vælge at gemme i PNG igennem ”Save for Web”-funktionen.

Du uploader dit ikon, og vælger save i bunden. Herefter vil ikonet fremgå af dit browservindue.

Hvorfor skal du anvende disse formater?

Du kan sagtens benytte en simpel JPG eller JPEG format som dit favicon, det vil blot være med hvide baggrund (eller den baggrund ikonet har). Ved at gøre brug af f.eks. en PNG-format, så fremgår resultater med farven fra selve browservinduet – se eksemplet herunder. 

5. formater

 

Forskellen er ikke stor i dette browservindue, men er du perfektionist med din blog, så vil du på sigt blive glad for at have benyttet den rigtige format.

Har du erfaringer med favicon på din blog? Læg os gerne en kommentar herunder.

Nicolaj Nielsen

Mit navn er Nicolaj Nielsen og jeg er den primære skribent her på Unitate. Jeg forsøger med en lang række guides, at lære nye og eksisterende bloggere omkring emner som SEO, WordPress, Design samt diverse optimeringsmuligheder. Læs f.eks. hvordan du laver en blog, hvordan man får styr på SEO samt mange andre guides.

Latest posts by Nicolaj Nielsen (see all)

Søndags tips #1 Gør din blog personlig med favicon
Tagged on:         

Leave a Reply

Your email address will not be published. Required fields are marked *