Sådan tilføjer du et favicon til dit WordPress-websted

Du har sikkert lagt mærke til, at de fleste websteder har et lille ikon (normalt webstedets logo) placeret i øverste venstre hjørne af deres browserfane. Dette kaldes et favicon. Udover at hjælpe brugerne med at genkende dit websted i deres browser og dermed forbedre brugeroplevelsen, favicon er også en væsentlig form for branding. Ved at tilføje et favicon til dit websted, sikrer du, at brugerne kan differentiere dit websted fra andre websteder, de muligvis browser på, og du skaber en forbindelse mellem favicon-billedet og dit brand.

Hvis du spørger os, er indstilling af dit WordPress-favicon en af ​​de første ting, du skal gøre, efter du har installeret dit WordPress-tema. Så i dag skal vi vise dig, hvordan du tilføjer et favicon til dit WordPress-websted.

Sådan opretter du et favicon

Først og fremmest bør vi tage fat på de måder, hvorpå du kan oprette dit favicon. Hvis du leder efter en hurtig løsning, du kan oprette et favicon ved hjælp af en online favicon-generator. Platforme som Favicon & App Icon Generator Lad dig vælg et billede fra din computer i .jpg-, .png- eller .gif-formater og konverter det derefter til .ico-format. Hvis du ikke har et allerede eksisterende billede, kan du også gennemse deres ikongalleri efter nøgleord, bogstaver eller farver, og så kan du downloade eller redigere et billede, du kan lide.

En anden fantastisk hjemmeside til at generere favicons er favicon.cc. Denne platform giver dig ikke kun mulighed for at importere dit billede eller vælge fra et af deres egne, men lader dig også oprette et nyt favicon fra bunden.

Hvis du ikke ønsker at bruge en online favicon-generator, kan du altid bruge Photoshop eller Gimp til enten at oprette et favicon eller ændre størrelsen på et eksisterende billede. Bare husk på, at WordPress kræver dimensionerne for dit faviconbillede skal være mindst 512×512 pixels.

Når det kommer til formater, skal vi bemærke, at .ico-formatet bruges til generering af favicons generelt. Men siden udgivelsen af ​​WordPress version 4.3 har WordPress implementeret en Site Icon-funktion, der genererer alt for dig. Det betyder, at hvis du bruger 4.3-versionen af ​​WordPress (eller nyere), behøver du ikke forberede en .ico-fil på egen hånd, og kan uploade et .gif, .jpeg eller .png-billede i stedet for. WordPress vil derefter konvertere det til .ico-formatet og generere alle de nødvendige dimensioner (bare sørg for, at det originale billede, du uploader, er 512x512px).

Hvis du dog stadig bruger en WordPress-version, der er ældre end 4.3, så bliver du nødt til manuelt at tilføje dit favicon til WordPress (hvilket vi vil tale mere om senere).

Sådan tilføjer du et favicon til WordPress

Når du er færdig med at lave dit favicon, er det tid til at tilføje det til dit WordPress-websted. Den første ting du skal gøre er at gå til dit admin panel og klik på Udseende > Tilpas.

Derfra, vælg Site Identity.

Her kan du vælge det billede, du vil bruge som dit webstedsikon.

Hvis dit billede er over den anbefalede størrelsesgrænse, giver WordPress dig mulighed for at beskære det. For at gøre det, Klik på Redigere billede.

Når du er færdig med at beskære (hvilket du kan gøre ved at klikke på dit billede og trække det med musemarkøren), vælg Afgrøde knappen og tryk derefter Gemme.

I højre side af skærmen har du også mulighed for at skalere dit billede, og i Billedbeskæring sektion, kan du endda indtaste de ønskede billeddimensioner og angive billedformatet manuelt.

Glem endelig ikke at klikke på Opdatering knappen, når du er færdig.

Og det er det – du har med succes uploadet dit favicon til WordPress.

Tilføjelse af et favicon til ældre version af WordPress (4.3 eller mindre)

Selvom vi anbefaler, at du altid holder dit websted opdateret med den seneste version af WordPress, hvis du ved et tilfælde bruger en version, der er ældre end 4.3, bliver du nødt til manuelt at tilføje dit favicon til dit WordPress-websted.

Først og fremmest skal du generere en .ico-fil ved hjælp af en af ​​de online-generatorer, vi nævnte ovenfor. Dernæst bør du upload din favicon.ico-fil til dit websteds rodmappe via FTP. Hvis du ikke er sikker på, hvordan det gøres, så sørg for at tjekke vores begynderguide til FTP.

Vi bør nævne, at der er nogen debat om, hvorvidt faviconet skal tilføjes til rodmappen eller temamappen (eller begge dele). Under alle omstændigheder foreslår vi, at du i det mindste uploader det til rodmappen, fordi dette vil vise dit favicon i feedreaders.

Glem endelig ikke at linke til faviconets filplacering i din header, for det er en garanti for, at alle browsere vil kunne finde den. For at gøre dette skal du brug et HTML-link-tag i dit temas header.php-fil for at tilføje koden. Du kan finde din header.php fil ved at gå til Udseende > Temaeditor og derefter lokalisere den i Tema filer afsnit til højre.

Koden skal tilføjes mellem <head> og </head> tags:

<link rel="icon" type="image/x-icon" href="http://www.yourdomain.com/favicon.ico">

<link rel="icon" type="image/x-icon" href="https://qodeinteractive.com/magazine/add-favicon-wordpress/<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico">

Tilføjelse af et favicon til WordPress ved hjælp af et plugin

Hvis du vil tilføje dit WordPress-favicon med et plugin, kan du gøre det ved at installere Favicon af RealFaviconGenerator. Dette plugin er nemt at bruge og hjælper dig med at generere og indstille et favicon til forskellige enheder, såsom desktop, Android, iPhone og iPad.

Når du har installeret og aktiveret pluginnet, skal du gå til Udseende > Favicon og klik derefter på “Vælg fra mediebiblioteket”-knappen.

Selvom du skal uploade et billede på mindst 512×512 px, når du tilføjer et favicon via Tilpas skærm, kræver Favicon by RealFaviconGenerator plugin, at du uploader et billede mindst 70×70 px i størrelse, og helst 260x260px.

Når du har valgt dit billede, skal du klikke på Generer favicon.

Fra da af vil du blive ført til RealFaviconGenerator-webstedet. Når du er der, skal du scrolle helt ned og vælge Generer dine favicons og HTML-kode:

Efter et kort stykke tid vil du blive sendt tilbage til dit WordPress-websted, og du vil se en besked på dit dashboard, der fortæller dig, at dit favicon er klar.

Her vil du også kunne få en forhåndsvisning af, hvordan dit favicon ser ud på forskellige enheder:

Konklusion

Og det opsummerer processen med at tilføje et favicon til dit WordPress-websted. Som det fremgår af de trin, vi har præsenteret ovenfor, er resten af ​​processen virkelig et stykke kage, når du finder ud af det design, der bedst repræsenterer dig eller dit brand.