Sådan ændres skriftstørrelsen i WordPress

Der går mange tanker i at designe en hjemmeside. Godt indhold er selvfølgelig altafgørende, men det, der først tiltrækker øjet, er det visuelle. Temaer er alle godt og vel, og vi ved, at der er en række smukke temaer derude, men du vil gør din hjemmeside til din egen. For at opnå det udseende, du ønsker fra din hjemmeside, kan du finde ud af, at du har brug for en måde at ændre dine skriftstørrelser. Heldigvis er der nemme måder at gøre det på. Her er, hvad vi vil diskutere i denne artikel:

Først vil vi oprette et indlæg og udfylde det med noget tilfældigt genereret tekst. Dernæst vil vi komme ind på de småting af skriftstørrelsesændringer i WordPress. Du vil lære hvordan ændre dine skriftstørrelser i et indlæg, men du vil opdage, at det også fungerer meget det samme for sider.

Sådan ændrer du størrelse på tekst i et indlæg eller en side

Lad os starte med Gutenberg, da det er den foretrukne editor for mange WordPress-brugere. En af indstillingerne for en Gutenberg-afsnitsblok er Typografi indstilling. Du finder den i blokmenuen i højre side. For at ændre størrelsen på din skrifttype skal du blot ændre din blok Forudindstillet størrelse til alt, hvad du ønsker. Vi vil vælge Stor rammer for denne demonstration. Du kan også indtaste en brugerdefineret skriftstørrelse i Brugerdefinerede boks.

Og din tekst bliver stor i indlægget – i vores tilfælde skriftstørrelse 36.

Bemærk, at dette kun gælder for det afsnit, vi valgte. Du bliver nødt til at ændre alle afsnit manuelt. Hvis du vil ændre størrelsen på alle skrifttyper på dit websted, skal du rulle ned til det sidste afsnit af denne artikel, hvor vi diskuterer brugen af ​​kode til at manipulere skriftstørrelser.

Hvis du arbejder med Elementor, er tekststørrelseskontrollerne i tekstelementets Stil fane, under Typografi. Hvis du bruger den klassiske editor, skal du rulle til højre ned – vi har et helt afsnit om det.

Overskrifter og citater

Men hvad nu hvis du bare vil fange dine læseres opmærksomhed med nogle imponerende overskrifter og citater? Overskrifter er vant til underinddele teksten både organisatorisk og visuelt, men det er ikke alt. De er også nyttige til SEO-formål, da søgemaskiner tillægger overskrifter mere vægt end almindelig tekst. De har også en vigtig rolle for tekstparsing-software til synshandicappede, hvilket er en af ​​grundene til, at du bør bruge underoverskrifter i rækkefølge uden at springe over.

Alt dette betyder, at du ikke skal bruge overskrifter blot for at få din tekst til at se større ud – overskrifter skal være meningsfulde. Selvom det hele er det samme for dig, selvom størrelsen og formen af ​​bogstaverne er nøjagtig den samme, kan software (og gør) fortælle forskellen. For mere om tilgængelighed i WordPress og hvordan overskrifter kommer i spil, tjek vores dybdegående selvstudium.

Citater er lidt anderledes: de har nogle SEO-fordele, men de er ikke så vigtige som overskrifter, især for tekst-til-tale-software. De ser også lidt anderledes ud. Hvis du bare vil trække en vigtig pointe ud af den omgivende tekst, et citat er, hvordan du gør det.

Bemærk venligst, at den nøjagtige størrelse af dine overskrifter og citatblokke afhænger af dine temaindstillinger. Du kan ændre disse ved hjælp af CSS.

For at introducere en overskrift i Gutenberg skal du bruge en overskriftsblok. Når du arbejder med Elementor, fungerer overskrifter for det meste nøjagtig det samme, bortset fra at du har brug for et overskriftselement.

Du skal blot klikke på plus tegn for at tilføje en blok og finde Overskriftsblok.

Alt du skal gøre nu er at indtaste din overskrift. Du kan også ændre overskriftsniveauet, men det er god SEO-skik at bruge H2 til det næstlaveste niveau fra titlen, og derefter bruge dine overskrifter i rækkefølge, uden at springe over.

For et tilbud er processen nøjagtig den samme. Klik på plus tegn, find en Citat blok, og tilføj det.

Og indtast derefter dit tilbud. Bemærk, at en citatblok har to felter: citatfeltet og billedtekstfeltet. Billedteksten er hovedsagelig til for citattilskrivning, men du kan bruge den til alt, hvad du kan lide, eller lade den stå tom.

Og dine overskrifter og citater vises i teksten præcis, hvor du har lagt dem.

Hvis du arbejder med Classic-editoren, finder du Overskrift og Citere kontroller i overskriften på dit indlægsredigeringsskærmbillede. Du skal blot vælge teksten og gøre den til en overskrift på det niveau, du ønsker ved at vælge fra menuen, eller gøre det samme for et citat og trykke på knappen.

Du kan også markere overskriften ved at bruge HTML i tekst fanen i din klassiske editor:

til Overskrift 2,

til Overskrift 3, og så videre.

Sådan ændres skriftstørrelse ved hjælp af et plugin

I tilfælde af at du bruger Klassisk redaktør, mangler du skriftstørrelseskontrol på din postredigeringsskærm. Du kan bruge kode til at ændre din skriftstørrelse, men vi vil behandle dette senere. Mange mennesker er forståeligt nok bekymrede over at arbejde med deres hjemmesides kode. Hvis du ikke ved, hvad du laver, kan du forårsage fejl, eller hvis du arbejder med proprietær kode, kan du endda støde på et garantiproblem. Hvis du ikke er villig til at ændre din kode, kan du stadig ændre skriftstørrelsen ved hjælp af et plugin. Det plugin vi skal bruge til dette er Avancerede redigeringsværktøjer.

Efter du har installeret og aktiveret plugin’et, vil du finde et helt nyt sæt værktøjer i din Classic-editor-header. Dem, vi vil bekymre os om nu, er Skriftstørrelse kontroller. For at vise dig, hvordan de fungerer, vælger vi det andet afsnit og ændrer dets størrelse fra standard 12 punkter til 24. Du vil også se det forstørret på din skærm.

Andet afsnit vil også blive vist større i post-forhåndsvisningen.

Dette plugin tilbyder flere andre formaterings- og stylingmuligheder, og vi anbefaler det på det varmeste til dem af jer, der stadig bruger den klassiske editor.

Sådan ændres skriftstørrelse ved hjælp af kode

Endelig kan du bruge CSS til at ændre din skriftstørrelse på hele dit websted på én gang. Vi vil vise dig, hvordan du gør det til vores flagskibstema, Bridge, men de fleste temaer vil have den samme grundlæggende funktionalitet.

Først skal du navigere til Udseende/tilpas danne dit WordPress-dashboard for at nå tematilpasningen.

Du har brug for Yderligere CSS afsnit. Øverst i venstre side kan du se, hvilket tema du i øjeblikket tilpasser. Hvis du vil ændre skriftstørrelserne på flere temaer, bliver du nødt til det Lave om det tema, du redigerer.

I CSS-feltet skal du blot tilføje denne bit kode, hvis du vil ændre parametrene for dit tema helt:

p {
font-size:18px;
}

Dette vil ændre al afsnitstekst til størrelse 18 pixels. Du kan selvfølgelig ændre antallet af pixels til hvad du vil. Men hvad hvis du vil ændre overskrifterne? Det er også nemt. Forord blot beslaget med h2 i stedet for s:

h2 {
font-size:36px;
}

Og der har du det. Hele dit tema er forvandlet!

Afslutningsvis

Som vi har vist, er der ingen mangel på hurtige og nemme måder at manipulere din tekst på, eller specifikt ændre skriftstørrelsen i WordPress. Du ønsker måske at gøre det på tværs af hele webstedet ved at redigere dit websteds kode, for bestemte stykker tekst, som du ønsker at fremhæve, eller som en del af en logisk organisering af tekst til gavn for både menneskelige og softwarelæsere, og uanset hvilken editor du bruger, er du klar. Så uanset om du gør det af hensyn til stil eller funktionalitet, er ændringer i skriftstørrelse i WordPress ikke længere et mysterium og burde ikke tage dig tid overhovedet.