Sådan ændres skrifttype i WordPress-tema - 3 metoder (2022)

ændre wordpress skrifttype tema

Har du problemer, når du prøver at ændre skrifttype i et WordPress-tema?

Typografien på dit websted er afgørende for både dets branding og brugervenlighed, så det er vigtigt at vælge den rigtige skrifttype.

Heldigvis inkluderer de fleste WordPress-temaer muligheden for at ændre skrifttyperne, selvom nogle er mere fleksible end andre i denne henseende. Derudover er der tilgængelige plugins, som kan bruges med ethvert tema.

Vi begynder dette indlæg med at demonstrere, hvordan du bruger temaets indbyggede muligheder til at ændre skrifttypen i et WordPress-tema.

Derudover, hvis dit tema ikke allerede indeholder de skrifttyper, du ønsker, deler vi nogle gratis plugins, du kan bruge til at tilføje flere skrifttypeindstillinger til ethvert WordPress-tema, selvom det mangler fleksible indbyggede muligheder.

Vi vil også demonstrere, hvordan du bruger WordPress-editoren til at ændre de skrifttyper, der bruges i specifikke stykker indhold.

 

1. Sådan ændres skrifttypen i et WordPress-tema ved hjælp af WordPress Customizer

Du kan typisk finde et temas skrifttypeindstillinger i den oprindelige WordPress Customizer, hvor størstedelen af ​​WordPress-temaer i 2022 er afhængige af stil- og designtilpasning.

Vi vil demonstrere, hvordan du bruger disse indbyggede skrifttyper ved at bruge vores fleksible Neve-tema som eksempel i dette første afsnit.

Det er vigtigt at huske, at hvert tema håndterer tingene lidt forskelligt. Neve er også et ret tilpasningsdygtigt tema, så der er en god chance for, at dit tema ikke har så mange skrifttypevalg.

Når det er sagt, bør du være i stand til at følge denne metode med ethvert tema og i det mindste få adgang til nogle skrifttypevalg.

Åbn WordPress Customizer

Åbn WordPress Customizer

For at komme i gang skal du gå til Udseende → Tilpas for at åbne WordPress Customizer:

Find skrifttype-/typografiindstillinger

Sådan ændres skrifttype i WordPress-tema

Find derefter skrifttype-/typografiindstillingerne for dit tema. Desværre er disse placeret forskelligt for hvert tema, så du bliver muligvis nødt til at søge rundt i de forskellige indstillingssektioner.

Du finder en mulighed på øverste niveau for Neve-temaet kaldet Typografi; klik på den for at vælge den.

Vælg skrifttyper og gem ændringer

Du kan nu beslutte, hvordan du fortsætter. Afhængigt af temaet kan du muligvis se en yderligere opdeling af typografiindstillingerne efter typen af ​​indhold. Dette er, hvad Neve-temaet gør:

For eksempel kan du åbne skrifttypeindstillingerne for dit temas overskrifter (såsom post- eller sidetitlen) og ændre WordPress-skrifttypen. Du kan se, at der er mange tilgængelige skrifttyper, når du bruger Neve-temaet:

Skrifttyperne i live-eksemplet af dit tema bør automatisk opdateres, når du foretager dine valg.

For at gøre dine nye skrifttypevalg live, skal du klikke på den blå udgiv-knap, når du er tilfreds med, hvordan alt ser ud.

2. Sådan tilføjer du Google Fonts til ethvert WordPress-tema

Hvis du fulgte vejledningen ovenfor om, hvordan du ændrer skrifttyper i et WordPress-tema og blev overvældet af dit temas indbyggede skrifttypeindstillinger ved at bruge et plugin, der giver dig adgang til flere skrifttypeindstillinger, specifikt til de tusindvis af skrifttyper i Google-kataloget, er en god reservemulighed.

Det gratis Easy Google Fonts-plugin er en af ​​de mest populære muligheder, der er tilgængelige her.

Du kan vælge mellem de mere end 600+ gratis skrifttyper, der tilbydes af Google Fonts ved hjælp af Nem Google Fonts, som integreres med ethvert WordPress-tema.

For dem, der ikke er bekendte, er Google Fonts sandsynligvis den mest kendte kilde til gratis skrifttyper og tilbyder mere end nok udvalg til de fleste websteder.

Vi skifter til Twenty Twenty One-standardtemaet (som har meget grundlæggende typografikontroller) for at demonstrere, hvordan dette virker, før vi konfigurerer plugin'et til at tilføje flere skrifttypeindstillinger.

Installer og aktiver plugin

Installer og aktiver plugin

Installer og aktiver Easy Google Fonts-plugin fra WordPress.org for at komme i gang. Hvis du ikke er sikker på, hvordan du gør dette, kan du bruge snyguiden til, hvordan du installerer et WordPress-plugin.

Vælg, hvilke Google-skrifttyper du vil bruge

Vælg, hvilke Google-skrifttyper du vil bruge

Den eller de skrifttyper, du vil bruge, skal derefter vælges. Google Fonts-webstedet gør det nemmere at gennemse alle dine muligheder, fordi du kan se forhåndsvisninger af hver skrifttype der, selvom du kan få adgang til hele listen fra plugin-indstillingerne.

Hvis du har brug for nogle ideer, så se vores udvalg af de bedste Google-skrifttyper igennem. Derudover bør du typisk vælge mindst to komplementære skrifttyper.

Når du har opdaget en skrifttype, du kan lide, skal du sørge for at skrive navnet på skrifttypen ned, så du kan huske den senere. Vælg også de specifikke stilarter, som du foretrækker. Som et eksempel, "Medium 500".

Åbn WordPress Customizer og rediger skrifttyper.

For at få adgang til WordPress Customizer skal du gå til Udseende > Tilpas i dit WordPress-dashboard.

Sidebjælkemenuen skulle nu have en "typografi"-sektion øverst. Disse indstillinger styres af Easy Google Fonts plug-in, ikke dit tema:

Vælg Standardtypografi fra undermenuen.

For forskellige typer indhold på dit websted kan du nu vælge en skrifttype fra Google Fonts:

  • Afsnit – teksten inde på sider/indlæg.
  • Overskrift 1 – titlen på dit blogindlæg/-side.  
  • Overskrift 2 – overskriften på øverste niveau inde i dit indlæg/din side.
  • Overskrift 3 – en underoverskrift under overskrift 2.

Klik på Rediger skrifttype for den type indhold, du vil ændre. Skrifttypenavnet og -vægten er derefter dit eget valg. Du bør se live forhåndsvisningen af ​​din sideopdatering, mens du træffer dine beslutninger.

Når du er tilfreds med dine valg, skal du klikke på Udgiv for at udgive dine nye skrifttyper.

3. Sådan ændres WordPress-skrifttyper i editoren

Vi demonstrerede, hvordan man ændrer skrifttypen i et WordPress-tema for hele dit websted ved hjælp af de to ovennævnte metoder. Med andre ord vil al afsnitsteksten på dit websted ændre sig, hvis du ændrer skrifttypen for din afsnitstekst.

Der kan dog være tidspunkter, hvor du kun behøver at ændre skrifttyperne for en enkelt sektion af indhold.

Brug det gratis "Fonts Plugin"-plugin til at konfigurere dette (som også lader dig tilføje brugerdefinerede skrifttyper til dit WordPress-tema, ligesom Easy Google Fonts-pluginnet i forrige afsnit).

Du får en ny Google Fonts-blok, der giver dig mulighed for at tilføje tekst ved hjælp af en hvilken som helst Google Font efter installation og aktivering af det gratis plugin. Derudover kan du vælge overskrifter eller afsnitstekst ved hjælp af blokindstillingerne:

Sådan ændres skrifttype i et WordPress-tema

Du bør være i stand til at ændre skrifttypen i et WordPress-tema på dette tidspunkt.

WordPress Customizers indbyggede typografimuligheder kan bruges, hvis du allerede har et fleksibelt tema installeret, som Neve.

Hvis dit tema ikke har mange indbyggede muligheder, kan du også tilføje understøttelse af 600+ Google Fonts skrifttyper ved at bruge Easy Google Fonts plugin (eller Fonts Plugin, som jeg viste dig i bonussektionen).

Besøg en hvilken som helst vejledning om, hvordan man konvertere ethvert WordPress-tema ind på et brugerdefineret varemærkewebsted for at få yderligere forslag til, hvordan du personliggør og brander dit tema.

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

Skift skrifttype i WordPress Theme ofte stillede spørgsmål

Hvordan kan jeg ændre skriftstørrelsen i WordPress uden at bruge CSS?

Theme Customizer, som findes under Udseende »Tilpas, er det bedste værktøj til dette. Du kan muligvis ændre skriftstørrelsen i nogle WordPress-temaer. Du kan bruge det uden at skrive CSS-kode, hvis du kan finde denne mulighed.

Hvordan kan jeg ændre skrifttypestilen ved hjælp af HTML?

Brug stilegenskaben i HTML til at ændre tekstens skrifttype. Et elements indlejrede stil er angivet gennem egenskaben stil. Attributten bruges med CSS-egenskaberne font-family, font-size, font-style og HTML p>-tagget. Font>-tagget understøttes ikke af HTML5, så CSS-stilen bruges i stedet til at ændre skrifttypen.

Hvordan ændrer jeg skrifttypen på WordPress 2022?

Vælg Typografi > Standardtypografi i menuen. Nu kan du ændre den skrifttype, der bruges til hver komponent på dit websted (overskrifts-tags og paragraf-bot). Foretag de nødvendige ændringer, og gem derefter de ændrede versioner.

 

Om forfatteren
Shahzad Saeed
Forfatter: Shahzad SaeedInternet side: http://shahzadsaeed.com/
Shahzaad Saaed er blevet vist på et stort antal autoritetswebsteder som en WordPress-ekspert. Han har specialiseret sig i indholdsmarkedsføring for at hjælpe virksomheder med at øge deres trafik.

En ting mere... Vidste du, at folk, der deler nyttige ting som dette indlæg, også ser FANTASTISKE ud? ;-)
Vær venlig at forlade a nyttigt kommenter med dine tanker, så del dette på din Facebook-gruppe (r), der ville finde det nyttigt, og lad os høste fordelene sammen. Tak fordi du delte og var god!

Afsløring: Denne side kan indeholde links til eksterne websteder for produkter, som vi elsker og helhjertet anbefaler. Hvis du køber produkter, vi foreslår, tjener vi muligvis et henvisningsgebyr. Sådanne gebyrer påvirker ikke vores anbefalinger, og vi accepterer ikke betalinger for positive anmeldelser.

Forfatter (e) Fremhævet den:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot logo   WPMU DEV-logo   og mange flere ...