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
For at komme i gang skal du gå til Udseende → Tilpas for at åbne WordPress Customizer:
Find skrifttype-/typografiindstillinger
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 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
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.
IMH
Vil du have en hurtig hjemmeside?
Hvem laver jeg sjov? Gør vi ikke alle sammen?
Så hvorfor kæmper så mange af os?
Den største udfordring er normalt at finde et hurtigt, pålideligt hostingfirma.
Vi har alle været igennem mareridtene - støtte tager evigheder eller løser ikke vores problem altid skylden noget på din side...
Men den største bummer er, at hjemmesiden altid føles langsom.
At CollectiveRay vi hoster med InMotion hosting og vores hjemmeside er dum hurtig. Vi kører på en brugerdefineret stak af LightSpeed-serveropsætning på MariaDB med en PHP7.4-motor og frontet gennem Cloudflare.
Kombineret med vores frontend-optimeringer serverer vi pålideligt 6000 brugere hver eneste dag, med peaks på 50+ samtidige brugere.
Vil du have en hurtig opsætning som vores? Overfør dit websted gratis til InMotion-hosting og få vores 50% rabat på nuværende priser.
Prøv InMotion Hosting med 50 % rabat for CollectiveRay KUN besøgende i april 2024!
Skift skrifttype i WordPress Theme ofte stillede spørgsmål
Hvordan kan jeg ændre skriftstørrelsen i WordPress uden at bruge CSS?
Du kan ændre skrifttyperne i de fleste temaer med WordPress Theme Customizer. Theme Customizer, som findes under Udseende »Tilpas, og 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?
Du kan bruge stil ejendom i HTML for at ændre tekstens skrifttype ved hjælp af HTML. Et elements indlejrede stil er angivet gennem egenskaben stil. Attributten bruges med CSS-egenskaberne font-family, font-size, font-style og HTML tag. Tagget understøttes ikke af HTML5, så CSS-stilen bruges i stedet til at ændre skrifttypen.
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.
og mange flere ...