Alle ønsker å forbedre den visuelle utformingen av nettstedet deres. De fleste av undersøkelsene viser at brukeropplevelsen avhenger av nettstedets design.


I følge mange SEO-eksperter, kundeanalyseeksperter og markedsførere, desto mer tiltalende vil webdesignet ditt; flere lesere vil engasjere seg på nettstedet ditt.

Og typografi spiller en viktig rolle i å forbedre den generelle designen. Som kjent bruker mange webutviklere tilpassede skrifter i WordPress-temaene sine; vi kommer til å gjøre det samme.

I denne opplæringen vil du lære om å legge til Google Fonts til WordPress-nettstedet ditt uten å bruke noen plugin.

Hver gang en WordPress-bruker bestemmer seg for å endre noe på nettstedet deres, ser de alltid etter en praktisk måte, og alle vet, det er tusenvis av gratis plugins som er tilgjengelige i det offisielle WordPress-depotet.

Nå og da fortsetter folk å legge til flere plugins, og på et tidspunkt klager de over å ha en dårlig lastetid for siden.

Hvorfor trenger du en plugin hvis du kan oppnå det uten noe?

Velg din favoritt Google Font og legg den til på nettstedet ditt

Det kan være en sjanse når du så på skrifttypen til et nettsted og lurte på hvordan du bruker denne skriften på nettstedet ditt. Vel, jeg har svar på spørsmålet ditt.

Selv om ikke alle skriftene er tilgjengelige på Google Font, kan du finne noen vakre typografier.

La oss starte prosessen.

Trinn 1

Gå til det offisielle nettstedet til Google Fonts, og søk etter den beste skriften du vil bruke. Bla litt ned og sjekk om du kan resonere med noen av disse.

For å velge en skrift, trenger du bare å klikke på rød pluss-knapp. Men hvis du vil utforske skriften, klikker du på boksen for å se de forskjellige stilene.

Slik legger du til Google-skrifter på ditt WordPress-nettsted uten plugin

Du kan prøve å endre skriftvekt, størrelse og stil.

Steg 2

Du kan enkelt finne den røde pluss-knappen for å bruke skriften du liker. Du vil se en brun stang nederst på dataskjermen.

Klikk for å åpne, så ser du instruksjonene for bruk av skriften.

For å legge til Google-skrifter på nettstedet ditt, kan du bruke to metoder. Jeg foreslår at du bruker standard vei. Du kan også bruke en "Importere" metode; valget er ditt.

Slik legger du til Google-skrifter på ditt WordPress-nettsted uten plugin

Nå oppstår spørsmålet, hvor trenger du å legge til dette  stikkord?

Hvis du har lagt merke til det, er det en eksplisitt instruksjon om å legge til lenken til  koden til nettstedet ditt.

Trinn 3

Jeg håper du kanskje allerede har gjettet at  -koden er til stede i overskriften på nettstedet ditt. Men hvordan kan du finne det?

Som du vet styres designen av et WordPress-nettsted av WordPress-temaet, så du må redigere header.php-filen.

For å oppnå dette, må du navigere til Utseende>>Redaktør mens du logger deg på WordPress-administratorpanelet.

Slik legger du til Google-skrifter på ditt WordPress-nettsted uten plugin

Trinn 4

Du har kanskje allerede visst at når du åpner redigereren, ser du CSS-filen, men du trenger header.php fil.

For å gjøre det, søk etter Temaoverskrift i den vertikale navigasjonsmenyen. Klikk for å åpne.

Trinn 5

Hvis du gjør det riktig, kan du se tittelen på filen sammen med navnet ditt på WordPress-temaet.

Temanavn: Temaoverskrift (header.php)

Slik legger du til Google-skrifter på ditt WordPress-nettsted uten plugin

Som vi allerede har diskutert, må du legge til  merke til  stikkord. Det ligner på å sende nettstedet ditt til Google Search Console.

Du kan se kodene. Lim inn koden du har kopiert fra Google Font.

Klikk Oppdater fil.

Trinn 6

– Nå lurer du kanskje på hva som er den best mulige måten å endre overskriften på blogginnleggene dine. For å gjøre det, må du målrette HTML-elementene ved å bruke CSS.

La meg vise deg et eksempel.

h1 {
font-family: ‘Lato’, sans-serif;
}

Er det ikke lett? Hvis du vet litt om CSS, kan du endre typografien på hele nettstedet.

Hvis du ikke er en teknisk kunnskapsrik person, bør du rote deg med kodene. Hvis du vil, bør du alltid ta sikkerhetskopi av nettstedet ditt, eller i det minste WordPress-temaet.

Jeg vil nevne et alternativ, du kan også legge til Google Fonts via filen files.php, det kan være en komplisert prosess for nybegynnere, så foreløpig holder vi oss til den mest enkle metoden.

Har du noen gang tenkt på å endre nettstedets typografi

Mine av våre kunder krever å forbedre den generelle designen ved å legge til en ny font, og vi bruker alltid enten TypeKit eller Google Font.

Som du vet tilbyr Google gratisløsninger, slik at du ikke trenger premium-skrifter. Det er mange gratis skrifter i Google-biblioteket.

Hva er din favoritt font? Hvis du er en webutvikler, vet du kanskje at Roboto har vært en av de mest brukte skriftene så langt.

Konklusjon

For å unngå en plugin, må du følge de enkle trinnene. Det er ikke så vanskelig å redigere overskriftsfilen for WordPress-temaet ditt.

Jeg håper du allerede vet hvordan du legger til tilpasset kode i nettstedets topptekst og bunntekst. Det er en engangs ting; du trenger ikke å berøre det noen gang igjen. Jeg håper du kan gjøre det.

Sjekk ut disse topp 3 WordPress hosting-tjenestene:

FastComet

Startpris:
$ 2.95


Pålitelighet
9.7


Priser
9.5


Brukervennlig
9.7


Brukerstøtte
9.7


Funksjoner
9.6

Les anmeldelser

Besøk FastComet

Hostinger

Startpris:
$ 0.99


Pålitelighet
9.3


Priser
9.3


Brukervennlig
9.4


Brukerstøtte
9.4


Funksjoner
9.2

Les anmeldelser

Besøk Hostinger

A2 Hosting

Startpris:
$ 3.92


Pålitelighet
9.3


Priser
9.0


Brukervennlig
9.3


Brukerstøtte
9.3


Funksjoner
9.3

Les anmeldelser

Besøk A2 Hosting

Relaterte artikler for hvordan du gjør det

  • Hvordan deaktivere PHP-kjøring for å forbedre nettstedets sikkerhet ved hjelp av cPanel
    mellomliggende
  • Slik legger du til en WordPress-administratorbruker ved hjelp av PHP-kode
    Ekspert
  • Slik legger du til Google-skrifter på ditt WordPress-nettsted
    nybegynner
  • Slik endrer du din standardindeksside ved å bruke FTP
    mellomliggende
  • Hvordan legge til tilpasset CSS på ditt WordPress-nettsted på forskjellige måter
    mellomliggende
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me