Har du brug for at finde ud af, hvordan du nemt tilføjer et WordPress-favicon? Find ud af det ved at følge denne vejledning
Et favicon er et lille firkantet ikon, der repræsenterer din hjemmeside. Det vises normalt ved siden af webstedets titel på browserfanen. Et favicon vises også i din browserhistorik, dine bogmærker og hvor som helst dit websted har brug for en visuel identitet.
Denne lille detalje er afgørende for din online identitet. Vi vil diskutere WordPress-faviconet, og hvordan du tilføjer et til dit WordPress-websted.
Men inden du starter, hvis du aldrig har installeret WordPress, skal du finde ud af det Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog
Så tilbage til, hvorfor vi er her.
Hvorfor det er vigtigt at tilføje et favicon til dit websted
Et favicon er dybest set dit website-id; Derfor er der større sandsynlighed for, at dit logo dukker op deroppe. At ignorere dens tilstedeværelse på dit websted er virkelig en fejl.
Her er et par grunde til, hvorfor et favicon er afgørende for din hjemmeside.
- Står frem som anerkendelsen af mark
De fleste brugere har en tendens til at åbne flere faner i deres browser. Uden et favicon kan du kun se siden eller indlæggets navn på browserfanen. Hvis du åbner mere end 20 faner, bliver de også kortere, og det er svært at identificere, hvilken fane der repræsenterer hvilken hjemmeside.
At have et favicon hjælper brugerne med at finde hver fane lettere. Hvis dit favicon skiller sig ud, vil det ikke kun forbedre din synlighed, men også din brugeroplevelse. - Opbyg tillid
Du vil give dine brugere et dårligt førstehåndsindtryk, hvis du ikke har et favicon. En hjemmeside uden favicon ser ikke professionel ud.
Hvis du bygger et websted kun til daglig blogging, kan det være irrelevant at have et favicon. Men det bliver vigtigt, når du administrerer en virksomheds hjemmeside eller en online butik.
din besøgende vil ikke stole på nogen transaktion på et websted, der ikke ser professionelt ud. - Forbedring af mobiloplevelsen
Dette er den mobile oplevelses æra. At have en responsiv hjemmeside er måske ikke nok til at glæde mobilbrugere, primært fordi webapps er i fremmarch lige nu.
Brugere kan blot bogmærke et websted på deres telefons startskærm. Ikke mere at skrive URL'er!
I denne situation vil det at have et vellavet favicon tjene dig på to forskellige måder. For det første vil faviconet blive brugt som appikonet, og for det andet vil folk, der bruger din webapp, huske dit ikon. Derfor vil dit favicon blive tilknyttet din hjemmeside.
Favicon-oprettelse til WordPress
Normalt er dit favicon dit brandlogo. Til billedet anbefaler WordPress, at du enten bruger en firkant 512px x 512px.
Du kan bruge et større billede, men WordPress vil højst sandsynligt kræve, at du beskærer det, så det passer til størrelsen.
For at skabe et billede af den nøjagtige størrelse 512px x 512px, kan du bruge enhver billedredigeringssoftware som f.eks end Adobe Photoshop (betalt) og Gimp (gratis) eller favicon generatorer
Selvom du kan vælge en baggrundsfarve til din WordPress favicon, foretrækkes gennemsigtighed. Du kan bruge formaterne . Jpeg,.ICO, . Gif ou . Png (bare sørg for at bruge formatet . Png hvis du bruger en gennemsigtig baggrund).
Når billedet er klar, kan du tilføje det til dit WordPress-websted ved hjælp af en af disse tre metoder:
1. Tilføjelse af et WordPress-favicon via WordPress Customizer
Fra WordPress-versionen 4.3, kan du blot tilføje et WordPress-favicon fra dit administrationsområde. For at gøre dette skal du følge nedenstående trin:
- Adgang til votre admin dashboard
- Hold musen over Udseende -> Tilpas
- vælge hjemmesidens identitet
- Klik knappen Vælg en billede under sektionen Ikon på webstedet
- Upload dit favicon, som er blevet forberedt
- Klik knappen Udgiv for at gemme ændringen.
Hvis du gør processen korrekt, vises dit favicon ved siden af din hjemmesides titel. For at konfigurere dette på en mobilenhed skal du gå til dit websted fra din telefon og vælge Føj til startskærmen.
Dit favicon vises nu på din startskærm.
2. Tilføj et favicon til hjemmesiden med et WordPress-plugin
Du kan også tilføje et favicon til WordPress ved hjælp af et plugin kaldet Favicon af RealFaviconGenerator. Den er nem at bruge og tilbyder flere funktioner. Her er de nødvendige trin:
- Få adgang til din admin dashboard
- Vælg Udvidelser -> Tilføj
- typen Favicon af RealFaviconGenerator i søgefeltet
- Installer og aktiver WordPress plugin
- Efter aktivering skal du gå til Udseende -> Favicon
- Upload det billede, du vil indstille som et favicon. Du behøver ikke at redigere dit billede ved hjælp af billedredigeringssoftware. Pluginnet vil gøre det for dig. Bare sørg for, at dit billede har en størrelse på mindst 70 x 70px. Det er endnu bedre, hvis det er større end 260 x 260 px.
- Når du har uploadet billedet, skal du trykke på knappen Generer favicon.
- Når du har klikket på knappen, vil plugin'et føre dig til webstedet RealFaviconGenerator.
- Find og klik på hjemmesiden Generer dine favicons og HTML-kode.
- Pluginnet fører dig tilbage til dit websted. Du vil modtage en meddelelse om, at dit favicon er blevet konfigureret.
- Tjek, hvordan dit favicon ser ud i din browser og mobilenhed.
3. Tilføj manuelt et WordPress-favicon til et websted
Vi anbefaler at teste dette på dit lokale udviklingswebsted, før det går live.
- Få adgang til dine temafiler via en klient FTP eller en filhåndtering
- Find mappen
/wp-content/themes/votre-theme - Upload dit favicon til din temamappe. Det anbefales at downloade det i en undermappe som Aktiver
- Husk denne filsti
- Se efter en fil med navnet functions.php og tilføj følgende kode:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
add_action('wp_head', 'add_favicon');- Linjen efter
href="'.get_template_directory_uri()skal være vejen til dit favicon. Sørg også for, at du har det korrekte filnavn. Hvis du bruger et format .ico-fil, det bliver dette:
function add_favicon() {
echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
add_action('wp_head', 'add_favicon');At have et favicon er et must! Især når det er så nemt at skabe. Et favicon repræsenterer din hjemmesides identitet. Den fylder måske kun en lille smule på din hjemmeside, men denne lille detalje har en særlig rolle i at forbedre din brandgenkendelse og brugeroplevelse.
Andre anbefalede ressourcer
Vi inviterer dig også til at konsultere ressourcer nedenfor for at tage mere ejerskab og kontrol over din hjemmeside og blog.
- Hvordan at tilføje Gmail-godkendelse på WordPress
- Sådan fjerner du et WordPress-tema fra en hjemmeside
- Sådan indstiller du din hjemmeside i WordPress
- Elementor: Sådan tilføjes en knaplydeffekt
- Sådan oprettes brugerdefinerede skabeloner på WordPress
Konklusion
Det er alt for denne tutorial, der forklarer, hvordan du tilføjer et favicon på WordPress. Hvis du har nogen bekymringer eller forslag, så lad os det vide inden for kommentarer.
Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
En medarbejder, del denne artikel på dine forskellige sociale netværk.
...
