Hvordan endre skriftstørrelsen i WordPress 1

Hvordan endre skriftstørrelsen i WordPress

Mye omtanke går til å designe en nettside. Godt innhold er selvfølgelig viktigst, men det som først trekker blikket er det visuelle. Temaer er vel og bra, og vi vet at det er en rekke vakre temaer der ute, men du vil gjør nettstedet ditt til ditt eget. For å oppnå utseendet du ønsker fra nettstedet ditt, kan du finne ut at du trenger en måte å endre skriftstørrelsene dine. Heldigvis finnes det enkle måter å gjøre det på. Her er hva vi skal diskutere i denne artikkelen:

Først vil vi lage et innlegg og fylle det ut med tilfeldig generert tekst. Deretter skal vi komme inn på de pittige endringene i skriftstørrelse i WordPress. Du vil lære hvordan endre skriftstørrelsene dine i et innlegg, men du vil finne at det fungerer omtrent det samme for sider også.

Hvordan endre størrelse på tekst i et innlegg eller en side

La oss starte med Gutenberg, siden det er den foretrukne redaktøren for mange WordPress-brukere. En av innstillingene til en Gutenberg-avsnittsblokk er Typografi innstilling. Du finner den i blokkmenyen på høyre side. For å endre størrelsen på skrifttypen din, endre bare blokken din Forhåndsinnstilt størrelse til alt du vil. Vi vil velge Stor rammen for denne demonstrasjonen. Du kan også legge inn en egendefinert skriftstørrelse i Tilpasset eske.

Gutenberg typografi

Og teksten din vil vises stor i innlegget – i vårt tilfelle, skriftstørrelse 36.

Gutenberg Typografi forhåndsvisning

Merk at dette kun gjelder avsnittet vi valgte. Du må endre alle avsnittene manuelt. Hvis du vil endre størrelsen på alle skriftene på nettstedet ditt, bla ned til den siste delen av denne artikkelen, der vi diskuterer bruk av kode for å manipulere skriftstørrelser.

Hvis du jobber med Elementor, er tekststørrelseskontrollene i tekstelementets Stil fane, under Typografi. Hvis du bruker den klassiske editoren, bla rett ned – vi har en hel del om det.

Elementor typografi

Overskrifter og sitater

Men hva om du bare vil fange lesernes oppmerksomhet med noen imponerende overskrifter og sitater? Overskrifter er vant til dele opp teksten både organisatorisk og visuelt, men det er ikke alt. De er også nyttige for SEO-formål, siden søkemotorer tillegger overskrifter mer vekt enn vanlig tekst. De har også en viktig rolle for tekstparsing-programvare for synshemmede, som er en av grunnene til at du bør bruke underoverskrifter i rekkefølge, uten å hoppe over.

Alt dette betyr at du ikke bør bruke overskrifter bare for å få teksten til å virke større – overskrifter må være meningsfulle. Selv om alt er det samme for deg, selv om størrelsen og formen på bokstavene er nøyaktig den samme, kan (og gjør) programvare fortelle forskjellen. For mer om tilgjengelighet i WordPress og hvordan overskrifter kommer inn i bildet, sjekk ut vår grundige veiledning.

Sitater er litt annerledes: de har noen SEO-fordeler, men de er ikke like viktige som overskrifter, spesielt for tekst-til-tale-programvare. De ser også litt annerledes ut. Hvis du bare vil trekke et viktig poeng ut av teksten rundt, et sitat er hvordan du gjør det.

Vær oppmerksom på at den nøyaktige størrelsen på overskriftene og sitatblokkene dine avhenger av temainnstillingene dine. Du kan endre disse ved å bruke CSS.

For å introdusere en overskrift i Gutenberg trenger du en overskriftsblokk. Når du arbeider med Elementor, fungerer overskrifter stort sett nøyaktig det samme, bortsett fra at du trenger et overskriftselement.

Bare klikk på Plus tegn for å legge til en blokk og finne Overskriftsblokk.

Overskrift Block Gutenberg

Alt du trenger å gjøre nå er å skrive inn overskriften din. Du kan også endre overskriftsnivået, men det er god SEO-praksis å bruke H2 for det nest laveste nivået fra tittelen, og deretter bruke overskriftene i rekkefølge, uten å hoppe over.

Overskriftsblokkalternativer

For et tilbud er prosessen nøyaktig den samme. Klikk på Plus tegn, finn en Sitat blokk, og legg den til.

Sitat Block Gutenberg

Og skriv deretter inn tilbudet ditt. Merk at en sitatblokk har to felt: sitatfeltet og bildetekstfeltet. Bildeteksten er hovedsakelig der for sitatattribusjon, men du kan bruke den til alt du liker eller la den stå tom.

Sitatblokkeringsalternativer

Og overskriftene og sitatene dine vil vises i teksten akkurat der du legger dem.

Forhåndsvisning av sitatblokk

Hvis du jobber med Classic-editoren, finner du Overskrift og Sitat kontroller i overskriften på innleggsredigeringsskjermen. Bare velg teksten og gjør den til en overskrift på nivået du ønsker ved å velge fra menyen, eller gjør det samme for et sitat og trykk på knappen.

Klassisk overskrift

Du kan også merke overskriften ved å bruke HTML i tekst kategorien i den klassiske editoren:

til Overskrift 2,

til Overskrift 3, og så videre.

Hvordan endre skriftstørrelse ved hjelp av en plugin

I tilfelle du bruker Klassisk redaktør, mangler du kontroller for skriftstørrelse på innleggsredigeringsskjermen. Du kan bruke kode for å endre skriftstørrelsen din, men vi tar for oss dette senere. Mange mennesker er forståelig nok bekymret for å jobbe med nettsidens kode. Hvis du ikke vet hva du gjør, kan du forårsake feil, eller hvis du jobber med proprietær kode, kan du til og med støte på et garantiproblem. Hvis du ikke er villig til å endre koden, kan du fortsatt endre skriftstørrelsen ved hjelp av en plugin. Programtillegget vi skal bruke til dette er Avanserte redigeringsverktøy.

Etter at du har installert og aktivert plugin-en, vil du finne et helt nytt sett med verktøy i Classic-editorens overskrift. De vi vil bekymre oss nå er de Skriftstørrelse kontroller. For å vise deg hvordan de fungerer, vil vi velge det andre avsnittet og endre størrelsen fra standard 12 punkter til 24. Du vil også se det forstørret på skjermen din.

Programtilleggsredigerer

Det andre avsnittet vil også vises større i forhåndsvisningen av innlegget.

Forhåndsvisning av plugin-redigering

Denne plugin-en tilbyr flere andre formaterings- og stilalternativer, og vi anbefaler det på det varmeste for de av dere som fortsatt bruker den klassiske editoren.

Hvordan endre skriftstørrelse ved hjelp av kode

Til slutt kan du bruke CSS til å endre skriftstørrelsen på hele nettstedet ditt samtidig. Vi vil vise deg hvordan du gjør det for flaggskipstemaet vårt, Bridge, men de fleste temaer vil ha samme grunnleggende funksjonalitet.

Først må du navigere til Utseende/Tilpass danne ditt WordPress-dashbord for å nå tematilpasseren.

Customizer

Du trenger Ekstra CSS seksjon. Øverst på venstre side vil du se hvilket tema du tilpasser for øyeblikket. Hvis du vil endre skriftstørrelsene på flere temaer, må du gjøre det Endring temaet du redigerer.

Ekstra CSS

I CSS-feltet legger du ganske enkelt til denne kodebiten hvis du vil endre parametrene for temaet ditt helt:

p {
font-size:18px;
}

Dette vil endre all avsnittstekst til størrelse 18 piksler. Du kan selvfølgelig endre antall piksler til hva du vil. Men hva om du vil endre overskriftene? Det er også enkelt. Bare forord braketten med h2 i stedet for s:

h2 {
font-size:36px;
}
Tilpass kode

Og der har du det. Hele temaet ditt er forvandlet!

For å konkludere

Som vi har vist, er det ingen mangel på raske og enkle måter å manipulere teksten din på, eller spesifikt endre skriftstørrelsen i WordPress. Det kan være lurt å gjøre det på tvers av hele nettstedet ved å redigere nettstedets kode, for visse tekstbiter som du ønsker å fremheve, eller som en del av en logisk organisering av teksten til fordel for både menneskelige og programvarelesere, og uavhengig av hvilken redaktør du kanskje bruker, er du klar. Så om du gjør det på grunn av stil eller funksjonalitet, er endringer i skriftstørrelse i WordPress ikke lenger et mysterium og bør ikke ta deg tid i det hele tatt.

Støtt vårt arbeid ❤️

Hvis du likte denne artikkelen, vurder å gi en tips for å hjelpe oss med å fortsette å publisere kvalitetsinnhold.

Sikker betaling med PayPal