Slik legger du til et WordPress-favicon enkelt

Trenger du å finne ut hvordan du enkelt legger til et WordPress-favicon? Finn ut ved å følge denne veiledningen

Et favicon er et lite firkantet ikon som representerer nettstedet ditt. Den vises vanligvis ved siden av nettsidetittelen i nettleserfanen. Et favorittikon vises også i nettleserloggen, bokmerkene og hvor som helst nettstedet ditt trenger en visuell identitet.

Denne lille detaljen er avgjørende for din online identitet. Vi vil diskutere WordPress-favikonet og hvordan du legger til et på WordPress-nettstedet ditt.

Men før du begynner, hvis du aldri har installert WordPress, må du finne ut av det Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Hvorfor det er viktig å legge til et favorittikon på nettstedet ditt

Et Favicon er i utgangspunktet din nettside-ID; Derfor er det mer sannsynlig at logoen din vises der oppe. Å ignorere tilstedeværelsen på nettstedet ditt er virkelig en feil.

Her er noen grunner til at et favorittikon er viktig for nettstedet ditt.

• Står ut som anerkjennelsen av mark
  De fleste brukere har en tendens til å åpne flere faner i nettleseren. Uten et favorittikon kan du bare se siden eller postnavnet i nettleserfanen. Dessuten, hvis du åpner mer enn 20 faner, blir de kortere og det er vanskelig å identifisere hvilken fane som representerer hvilken nettside.
  Å ha et favorittikon hjelper brukerne å finne hver fane lettere. Hvis favorittikonet ditt skiller seg ut, vil det ikke bare forbedre synligheten din, men også din brukeropplevelse.
• Bygg tillit
  Du vil gi brukerne et dårlig førsteinntrykk hvis du ikke har et favorittikon. En nettside uten favorittikon ser ikke profesjonell ut.
  Hvis du bygger et nettsted bare for daglig blogging, kan det være irrelevant å ikke ha et favorittikon. Men det blir viktig når du administrerer et forretningsnettsted eller en nettbutikk.
  din Besøkende vil ikke stole på noen transaksjon på et nettsted som ikke ser profesjonelt ut.
• Forbedre mobilopplevelsen
  Dette er epoken for mobilopplevelsen. Å ha et responsivt nettsted er kanskje ikke nok til å glede mobilbrukere, hovedsakelig fordi nettapper er på vei opp akkurat nå.
  Brukere kan ganske enkelt bokmerke et nettsted på telefonens startskjerm. Ikke mer å skrive URL-er!
  I denne situasjonen vil det å ha et godt laget favorittikon tjene deg på to forskjellige måter. For det første vil favorittikonet bli brukt som appikonet, og for det andre vil folk som bruker nettappen din huske ikonet ditt. Derfor vil favorittikonet ditt være knyttet til nettstedet ditt.

Oppretting av favorittikoner for WordPress

Vanligvis er favorittikonet ditt merkevarelogo. For bildet anbefaler WordPress at du heller bruker en firkant 512px x 512px.

Du kan bruke et større bilde, men WordPress vil mest sannsynlig kreve at du beskjærer det for å passe til størrelsen.

For å lage et bilde nøyaktig størrelse på 512 piksler x 512 piksler, kan du bruke hvilken som helst bilderedigeringsprogramvare som f.eks enn Adobe Photoshop (betalt) og Gimp (gratis) eller favicon generatorer

Selv om du kan velge en bakgrunnsfarge for WordPress-faviconet ditt, foretrekkes åpenhet. Du kan bruke formatene . Jpeg,.ico, . Gif ou . Png (bare sørg for å bruke formatet . Png hvis du bruker en gjennomsiktig bakgrunn).

Når bildet er klart, kan du legge det til på WordPress-nettstedet ditt ved å bruke en av disse tre metodene:

1. Legge til et WordPress-favicon via WordPress Customizer

Fra WordPress-versjonen 4.3, kan du ganske enkelt legge til et WordPress-favicon fra administrasjonsområdet ditt. For å gjøre dette, følg trinnene nedenfor:

1. Tilgang til votre admin dashbord
2. Hold musen over Utseende -> Tilpass
3. velge nettstedets identitet
4. Klikk på knappen Velg en bilde under Ikon-delen av nettstedet
5. Last opp favorittikonet ditt som er utarbeidet
6. Klikk på Publiser-knappen for å lagre endringen.

Hvis du gjør prosessen riktig, vil favorittikonet ditt vises ved siden av nettstedets tittel. For å sette opp dette på en mobilenhet, gå til nettstedet ditt fra telefonen og velg Legg til på startskjermen.

Favorittikonet ditt vil nå vises på startskjermen.

2. Legg til et favorittikon på nettsiden med en WordPress-plugin

Du kan også legge til et favorittikon til WordPress ved å bruke en plugin kalt Favicon ved RealFaviconGenerator. Den er enkel å bruke og tilbyr flere funksjoner. Her er de nødvendige trinnene:

1. Få tilgang til din admin dashbord
2. Velg Utvidelser -> Legg til
3. typen Favicon ved RealFaviconGenerator i søkefeltet
4. Installer og aktiver WordPress Plugin
5. Etter aktivering, gå til Utseende -> Favorittikon
6. Last opp bildet du vil angi som et favorittikon. Du trenger ikke å redigere bildet med bilderedigeringsprogramvare. Programtillegget vil gjøre det for deg. Bare sørg for at bildet ditt har en størrelse på minst 70 x 70px. Det er enda bedre hvis det er større enn 260 x 260 px.
7. Når du har lastet opp bildet, trykk på knappen Generer favorittikon.
8. Etter å ha klikket på knappen, tar plugin deg til nettstedet RealFaviconGenerator.
9. Finn og klikk på nettstedet Generer favorittikoner og HTML-kode.
10. Programtillegget tar deg tilbake til nettstedet ditt. Du vil motta et varsel om at favorittikonet ditt er konfigurert.
11. Sjekk hvordan favorittikonet ditt ser ut i nettleseren og mobilenheten.

3. Legg til et WordPress-favicon manuelt på et nettsted

Vi anbefaler å teste dette på ditt lokale utviklingsnettsted før det publiseres.

1. Få tilgang til temafilene dine via en klient FTP eller en filbehandler
2. Finn mappen /wp-content/themes/votre-theme
3. Last opp favorittikonet til temamappen din. Det anbefales å laste den ned i en undermappe som Eiendeler
4. Husk denne filbanen
5. Se etter en fil som heter functions.php og legg til 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');

6. Linjen etter href="'.get_template_directory_uri() må være veien til favorittikonet ditt. Pass også på at du har riktig filnavn. Hvis du bruker et format .ico-fil, det blir 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');

Å ha et favicon er et must! Spesielt når det er så enkelt å lage. Et favorittikon representerer nettstedets identitet. Det kan bare ta opp en liten plass på nettstedet ditt, men denne lille detaljen har en spesiell rolle i å forbedre merkevaregjenkjenningen og brukeropplevelsen din.

Andre anbefalte ressurser

Vi inviterer deg også til å konsultere ressources nedenfor for å gå dypere inn i å komme i gang med og kontrollere nettstedet og bloggen din.

• Hvordan legge til Gmail-godkjenning på WordPress
• Hvordan fjerne et WordPress-tema fra et nettsted
• Slik setter du inn hjemmesiden din i WordPress
• Elementor: Hvordan legge til en knapplydeffekt
• Slik lager du egendefinerte maler på WordPress

konklusjonen

Det er alt for denne opplæringen som forklarer hvordan du legger til et favorittikon på WordPress. Hvis du har noen bekymringer eller forslag, vennligst gi oss beskjed innen commentaires.

Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.

I mellomtiden del denne artikkelen på de forskjellige sosiale nettverkene dine.   

...