Hvordan endre skrift i WordPress-tema - 3 metoder (2023)

endre wordpress skrifttema

Har du problemer når du prøver å endre font i et WordPress-tema?

Typografien til nettstedet ditt er avgjørende for både merkevarebygging og brukervennlighet, så det er viktig å velge riktig skrifttype.

Heldigvis inkluderer de fleste WordPress-temaer muligheten til å endre fontene, selv om noen er mer fleksible enn andre i denne forbindelse. I tillegg er det tilgjengelige plugins som kan brukes med hvilket som helst tema.

Vi begynner dette innlegget med å demonstrere hvordan du bruker temaets innebygde alternativer for å endre skrifttypen i et WordPress-tema.

I tillegg, hvis temaet ditt ikke allerede inkluderer skriftene du ønsker, deler vi noen gratis plugins du kan bruke for å legge til flere fontalternativer til ethvert WordPress-tema, selv om det mangler fleksible innebygde alternativer.

Vi vil også demonstrere hvordan du bruker WordPress-editoren til å endre skriftene som brukes i bestemte deler av innholdet.

 

1. Hvordan endre skrifttypen i et WordPress-tema ved hjelp av WordPress Customizer

Du kan vanligvis finne et temas skriftalternativer i den opprinnelige WordPress Customizer, som er der de fleste WordPress-temaer i 2022 er avhengige av stil- og designtilpasning.

Vi vil demonstrere hvordan du bruker de innebygde fontalternativene ved å bruke vårt tilpasningsdyktige Neve-tema som eksempel i denne første delen.

Det er viktig å huske at hvert tema håndterer ting litt annerledes. Neve er også et ganske tilpasningsdyktig tema, så det er en god sjanse for at temaet ditt ikke har så mange fontvalg.

Når det er sagt, bør du kunne følge denne metoden med hvilket som helst tema og i det minste få tilgang til noen skriftvalg.

Åpne WordPress Customizer

Åpne WordPress Customizer

For å komme i gang, gå til Utseende → Tilpass for å åpne WordPress Customizer:

Finn font/typografiinnstillinger

Hvordan endre font i WordPress-tema

Finn font-/typografiinnstillingene for temaet ditt neste gang. Dessverre er disse plassert forskjellig for hvert tema, så det kan hende du må lete rundt i de forskjellige innstillingsdelene.

Du finner et alternativ på øverste nivå for Neve-temaet kalt Typografi; klikk på den for å velge den.

Velg fonter og lagre endringer

Du kan nå bestemme hvordan du skal fortsette. Avhengig av temaet kan du se en ytterligere inndeling av typografiinnstillingene etter type innhold. Dette er hva Neve-temaet gjør:

Du kan for eksempel åpne skrifttypeinnstillingene for temaets overskrifter (for eksempel innlegget eller sidetittelen) og endre WordPress-fonten. Du kan se at det er mange tilgjengelige fonter når du bruker Neve-temaet:

Fontene i live-forhåndsvisningen av temaet ditt bør automatisk oppdateres når du gjør valgene dine.

For å gjøre de nye skriftvalgene live, klikk på den blå Publiser-knappen når du er fornøyd med hvordan alt ser ut.

2. Hvordan legge til Google Fonts til et hvilket som helst WordPress-tema

Hvis du fulgte veiledningen ovenfor om hvordan du endrer fonter i et WordPress-tema og ble overveldet av temaets innebygde skriftalternativer, ved å bruke en plugin som gir deg tilgang til flere fontalternativer, spesielt til tusenvis av fonter i Google-katalogen, er et godt reservealternativ.

Den gratis Easy Google Fonts-pluginen er et av de mest populære alternativene som er tilgjengelige her.

Du kan velge blant de mer enn 600+ gratis skriftene som tilbys av Google Fonts ved å bruke Easy Google Fonts, som integreres med ethvert WordPress-tema.

For de som ikke er kjent, er Google Fonts sannsynligvis den mest kjente kilden til gratis fonter og tilbyr mer enn nok utvalg for de fleste nettsteder.

Vi bytter til standardtemaet Twenty Twenty One (som har veldig grunnleggende typografikontroller) for å demonstrere hvordan dette fungerer før du konfigurerer plugin-en for å legge til flere fontalternativer.

Installer og aktiver plugin-modulen

Installer og aktiver plugin-modulen

Installer og aktiver Easy Google Fonts-plugin fra WordPress.org for å komme i gang. Hvis du er usikker på hvordan du gjør dette, kan du bruke snyguide for hvordan du installerer en WordPress-plugin.

Velg hvilke Google Fonts du vil bruke

Velg hvilke Google Fonts du vil bruke

Skriften(e) du vil bruke bør da velges. Google Fonts-nettstedet gjør det enklere å bla gjennom alle alternativene dine fordi du kan se forhåndsvisninger av hver font der, selv om du kan få tilgang til hele listen fra plugin-innstillingene.

Hvis du trenger noen ideer, se gjennom vårt utvalg av de beste Google-fontene. I tillegg bør du vanligvis velge minst to komplementære fonter.

Når du har oppdaget en font du liker, må du huske å skrive ned navnet på skriften slik at du kan huske den senere. Velg de spesifikke stilene du foretrekker også. Som et eksempel, "Medium 500".

Åpne WordPress Customizer og rediger fonter.

For å få tilgang til WordPress Customizer, gå til Utseende > Tilpass i WordPress-dashbordet.

Sidefeltmenyen skal nå ha en "typografi"-seksjon øverst. Disse innstillingene styres av Easy Google Fonts-plugin-modulen, ikke temaet ditt:

Velg Standardtypografi fra undermenyen.

For ulike typer innhold på nettstedet ditt kan du nå velge en skrifttype fra Google Fonts:

  • Avsnitt – teksten på sider/innlegg.
  • Overskrift 1 – tittelen på blogginnlegget/siden.  
  • Overskrift 2 – overskriften på øverste nivå i innlegget/siden din.
  • Overskrift 3 – en underoverskrift under overskrift 2.

Klikk på Rediger skrift for typen innhold du vil endre. Skriftnavnet og vekten er deretter ditt valg. Du bør se live-forhåndsvisningen av nettstedoppdateringen din mens du tar avgjørelser.

Når du er fornøyd med valgene dine, klikker du på Publiser for å publisere de nye skriftene.

3. Hvordan endre WordPress-fonter i editoren

Vi demonstrerte hvordan du endrer skrifttypen i et WordPress-tema for hele nettstedet ditt ved å bruke de to metodene nevnt ovenfor. Med andre ord vil all avsnittstekst på nettstedet ditt endres hvis du endrer skrifttypen for avsnittsteksten.

Det kan imidlertid være tider når du bare trenger å endre skriftene for en enkelt del av innholdet.

Bruk den gratis "Fonts Plugin"-pluginen for å konfigurere dette (som også lar deg legge til egendefinerte fonter til WordPress-temaet ditt, omtrent som Easy Google Fonts-pluginen i forrige seksjon).

Du får en ny Google Fonts-blokk som lar deg legge til tekst ved å bruke hvilken som helst Google Font etter at du har installert og aktivert gratis plugin. I tillegg kan du velge overskrifter eller avsnittstekst ved å bruke blokkinnstillingene:

Hvordan endre font i et WordPress-tema

Du bør kunne endre fonten i et WordPress-tema på dette tidspunktet.

WordPress Customizers innebygde typografialternativer kan brukes hvis du allerede har et fleksibelt tema installert, som Neve.

Hvis temaet ditt ikke har mange innebygde alternativer, kan du også legge til støtte for 600+ Google Fonts-fonter ved å bruke Easy Google Fonts-plugin (eller Fonts-plugin som jeg viste deg i bonusdelen).

Besøk en hvilken som helst veiledning om hvordan konvertere et hvilket som helst WordPress-tema til et tilpasset merkevarenettsted for ytterligere forslag til hvordan du kan tilpasse og merke temaet ditt.

Hvis du vil se denne guiden som en video, kan du klikke på videoen nedenfor.

IMH

Ønsker du en rask nettside?

Hvem prøver jeg å lure? Gjør vi ikke alle?

Så hvorfor sliter så mange av oss?

Den største utfordringen er vanligvis å finne et raskt, pålitelig vertsselskap.

Vi har alle vært gjennom marerittene - støtte tar evigheter eller løser ikke problemet vårt å alltid skylde på noe på din side... 

Men den største bummeren er at nettsiden alltid føles treg.

At CollectiveRay vi hoster med InMotion hosting og nettsiden vår er dum rask. Vi kjører på en tilpasset stabel med LightSpeed-serveroppsett på MariaDB med en PHP7.4-motor og frontet gjennom Cloudflare. 

Kombinert med våre front-end-optimaliseringer serverer vi pålitelig 6000 brukere hver eneste dag, med topper på 50+ samtidige brukere. 

Vil du ha et raskt oppsett som vårt? Overfør nettstedet ditt gratis til InMotion-hosting og få 50 % rabatt på gjeldende priser.

Prøv InMotion Hosting med 50 % rabatt for CollectiveRay besøkende KUN i november 2023!

InMotion hosting 50 % rabatt for CollectiveRay besøkende

Endre skrift i WordPress-tema vanlige spørsmål

Hvordan kan jeg endre skriftstørrelsen i WordPress uten å bruke CSS?

Du kan endre skriftene i de fleste temaer med WordPress Theme Customizer. Theme Customizer, funnet under Utseende »Tilpass, og er det beste verktøyet for dette. Du kan kanskje endre skriftstørrelsen i noen WordPress-temaer. Du kan bruke den uten å skrive CSS-kode hvis du finner dette alternativet.

Hvordan kan jeg endre skriftstilen ved hjelp av HTML?

Du kan også bruke det stil eiendom i HTML for å endre tekstens skriftstil ved hjelp av HTML. Et elements innebygde stil spesifiseres gjennom stilegenskapen. Attributtet brukes med CSS-egenskapene font-family, font-size, font-style og HTML stikkord. Taggen støttes ikke av HTML5, så CSS-stilen brukes i stedet for å endre fonten. 

om forfatteren
Shahzad Saeed
Shahzaad Saaed har blitt omtalt på et stort antall autoritetsnettsteder, som en WordPress-ekspert. Han spesialiserer seg på innholdsmarkedsføring for å hjelpe virksomheten med å øke trafikken.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...