Hur du enkelt ändrar teckenstorlek i WordPress

Teckensnittsstorlek spelar en viktig roll för att göra din webbplats innehåll tydligt, läsbart och visuellt tilltalande.

Oavsett om du driver en blogg, en e-handelsbutik eller en företagswebbplats, låter kunskapen om hur man justerar teckenstorlekar i WordPress dig anpassa din design för att matcha ditt varumärke och förbättra användarupplevelsen.

På WPBeginner har vi skrivit artiklar i WordPress i över ett decennium. Under denna tid har vi alltid prioriterat att göra vårt innehåll läsbart och tillgängligt för vår publik. Detta inkluderar att välja en teckenstorlek som är lätt att läsa samtidigt som den ser ren och visuellt tilltalande ut.

I den här artikeln visar vi dig hur du enkelt ändrar teckenstorleken i WordPress-inlägg och teman.

Varför ändra teckensnittsstorlek i WordPress?

Genom att ändra teckenstorleken på din WordPress-webbplats kan du förbättra innehållets läsbarhet och göra det lättare för användare att ta sig igenom det.

Dessutom kan ökad teckensnittsstorlek hjälpa dig att lyfta fram viktig information på din WordPress-blogg.

Om du till exempel visar en affiliateprodukt på din webbplats, kan en ökning av teckenstorleken hjälpa till att göra produkten mer synlig. Det kan också göra innehållet mer läsbart för besökare som använder mobila enheter för att komma åt din webbplats.

Med det sagt, låt oss se hur man enkelt ändrar teckenstorlek i WordPress.

För den här handledningen kommer vi att diskutera flera metoder, så du kan använda länkarna nedan för att hoppa till den metod du väljer:

• Metod 1: Hur du ändrar teckenstorlek med rubriker
• Metod 2: Ändra teckenstorleken på text i blockredigeraren
• Metod 3: Ändra teckenstorlek med ett plugin
• Metod 4: Ändra webbplatsomfattande teckenstorlek med hjälp av Full Site Editor
• Metod 5: Ändra teckenstorlek över hela webbplatsen med WPCode
• Bonus: Ändra textfärg i WordPress
• Videohandledning

Metod 1: Hur du ändrar teckenstorlek med rubriker

Om du letar efter ett enkelt sätt att ändra teckenstorleken med hjälp av rubriker, då är den här metoden för dig.

Att använda rubriker i ditt innehåll är ett utmärkt sätt att fånga användarens uppmärksamhet med en större teckenstorlek.

I de flesta WordPress-teman är rubriker i ett större teckensnitt än den vanliga brödtexten, vilket gör att du kan dela upp dina inlägg och sidor i sektioner.

Rubriker är också bra för att förbättra webbplatsens SEO, eftersom sökmotorer ger korrekta rubriker mer vikt än vanlig paragraftext.

Hur man lägger till en rubrik i standardredigeraren för WordPress-block

Först måste du öppna ett nytt inlägg eller en ny sida i WordPress blockredigerare.

När du är där, klicka på knappen 'Lägg till block' (+) längst upp till vänster på skärmen för att öppna blockmenyn.

Härifrån måste du hitta och lägga till rubrikblocket på sidan/inlägget.

Som standard kommer blocket att ställas in på Rubrik 2.

Om du lägger till en underrubrik är det vettigt att hålla sig till alternativet 'Rubrik 2'.

Om du vill ändra detta kan du dock helt enkelt klicka på rullgardinsmenyn 'H2' för att välja en annan storlek.

Alternativt kan du också ändra rubrikstorleken med hjälp av blockinställningarna i verktygsfältet till höger på skärmen.

Du kan till och med anpassa rubrikens färg, utseende, versaler och mer.

När du är klar, glöm inte att klicka på knappen 'Uppdatera' eller 'Publicera' för att spara dina inställningar.

Hur man lägger till en rubrik i den gamla klassiska redigeraren

Om du fortfarande använder den gamla klassiska redigeraren i WordPress, kan du lägga till rubriker med hjälp av rullgardinsmenyn för stycken.

Välj först den text du vill göra till en rubrik med musen.

Klicka sedan på rullgardinsmenyn 'Stycke' i det övre vänstra hörnet och välj din rubrikstorlek. Du har nu framgångsrikt ändrat teckenstorleken till en rubrik.

Tänk dock på att den klassiska redigeraren inte tillåter dig att ändra storlekar och teckensnittsfärger för de olika rubrikstilarna.

Om du vill göra det, måste du göra ändringar i din temas stilmall (style.css).

Slutligen, klicka bara på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.

Metod 2: Ändra teckenstorleken på text i blockredigeraren

Om du vill ändra standardteckensnittsstorleken för texten i ditt styckeblock, då är den här metoden för dig.

Först måste du öppna en befintlig sida/inlägg i Gutenberg-redigeraren.

När du är där, klicka på valfritt stycke (Paragraph) och byt sedan till fliken 'Stilar' (Styles) i blockpanelen på höger sida av skärmen.

Härifrån måste du välja en teckenstorlek under avsnittet 'Typografi'.

Du kan välja alternativet Liten, Mellan, Stor eller Extra stor enligt dina behov.

Om du vill ändra tillbaka din text till den ursprungliga storleken kan du också göra det genom att klicka på menyn med tre prickar bredvid Typografiinställningarna.

Detta öppnar en ny rullgardinsmeny där du måste klicka på alternativet 'Återställ'.

Utöver det kan du också lägga till versaler, bokstavsformatering, avstånd, utseende och mer med samma rullgardinsmeny.

Efter det, klicka bara på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.

Tänk på att dessa alternativ inte är tillgängliga i den äldre klassiska redigeraren för WordPress. Om du vill använda dem, överväg att byta.

Metod 3: Ändra teckenstorlek med ett plugin

Om du vill ändra teckenstorlek med ett plugin kan du använda den här metoden.

Först måste du installera och aktivera pluginet Advanced Editor Tools. För detaljerade instruktioner, se vår nybörjarguide om hur man installerar ett WordPress-plugin.

Vid aktivering ger pluginet dig mer kontroll över teckenstorlekar och textformatering, samt en rad andra funktioner. Det lägger till ett nytt block för 'Klassiskt stycke' som har alla formateringsfunktioner du väljer.

Efter aktivering, gå till sidan Inställningar » Avancerade redigeringsverktyg från WordPress admin sidofält.

Väl där kan du enkelt dra och släppa formateringsfunktioner från sektionen ‘Oanvända knappar’ till blocket ‘Klassiskt stycke’.

Dessa funktioner inkluderar teckenstorlek, teckensnittsfamilj, kopiera, nedsänkt, uttryckssymboler, källkod och mer.

När du har gjort det, scrolla ner till avsnittet 'Alternativ' och markera alternativet 'Teckenstorlekar' för att få tillgång till ett större antal teckenstorlekar.

Därefter klickar du helt enkelt på knappen 'Spara ändringar' för att lagra dina inställningar.

Om du använder pluginet med Classic Editor måste du byta till fliken 'Classic Editor' högst upp på sidan.

När du väl är där behöver du vidta samma åtgärder som i blockredigeraren.

Se till att du klickar på knappen 'Spara ändringar' efter att du har gjort dina ändringar.

Nu, för att se pluginet i aktion, måste du öppna en ny eller befintlig sida/inlägg från WordPress-instrumentpanelen.

När du är där, klicka på knappen 'Lägg till block' (+) längst upp till vänster på skärmen för att öppna blockmenyn.

Härifrån, hitta och lägg till blocket Klassiskt stycke på sidan.

Du kan nu använda rullgardinsmenyn 'Teckensnittsstorlekar' för att ändra storleken på texten i blocket 'Klassiskt stycke'.

Klicka slutligen på ‘Uppdatera’ eller ‘Publicera’ för att spara dina inläggs- eller sidinställningar.

Metod 4: Ändra webbplatsomfattande teckenstorlek med hjälp av Full Site Editor

Om du använder ett blocktema, då är den här metoden för dig. De flesta blockteman kommer med en inbyggd funktion för globala stilar, som låter dig styra typografistorlekar över hela din webbplats utan någon kodning.

För detta, besök sidan Utseende » Redigerare från WordPress-instrumentpanelen och klicka på ikonen ‘Stilar’ i det övre högra hörnet. Detta öppnar en ny panel där du måste välja alternativet ‘Typografi’.

När nya inställningar visas i sidofältet kan du enkelt ändra teckensnittstyp för hela din webbplats från avsnittet 'Teckensnitt'.

Skrolla sedan ner till avsnittet 'Element' och välj fliken 'Text'.

Du kan nu ändra teckenstorlek, typ och mellanrum för all text på hela din webbplats.

När du är klar kan du gå tillbaka till sektionen 'Element' för att ändra teckenstorleken för alla rubriker, länkar, bildtexter och knappar.

Om du fortfarande inte är nöjd kan du helt ändra förinställningarna för teckenstorlek för din webbplats.

Dessa förinställningar definierar standardstorlekar för olika textalternativ, som liten, medelstor och stor. Till exempel, när du väljer 'liten' som teckenstorlek någonstans på din webbplats, kan den automatiskt ställas in på 0,9 rem.

Du kan dock anpassa förinställningen så att 'liten' betyder 1 rem istället. Detta ger dig flexibiliteten att justera teckenstorlekarna enligt dina preferenser.

För detta klickar du bara på alternativet 'Förinställningar för teckensnittsstorlek' längst ner.

När det nya skärmen öppnas kan du enkelt redigera förinställningarna för teckenstorlekar över hela webbplatsen.

Klicka slutligen på knappen 'Spara' för att spara dina inställningar. Du har nu framgångsrikt ändrat webbplatsomfattande teckenstorlek med hjälp av redigeraren för hela webbplatsen.

Metod 5: Ändra teckenstorlek över hela webbplatsen med WPCode

Den här metoden är för dig om du vill ändra teckenstorleken över hela din webbplats men inte använder ett blocktema.

Du kan enkelt lägga till denna funktionalitet genom att infoga CSS-kod på din webbplats med hjälp av WPCode.

Det är det bästa pluginet för WordPress-kodavsnitt på marknaden som gör det superenkelt och säkert att lägga till kod på din webbplats.

Först måste du installera och aktivera pluginet WPCode. För detaljerade instruktioner, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.

Notera: WPCode har en gratis plan som du kan använda för handledningen. Att uppgradera till pro-versionen ger dig dock tillgång till fler funktioner, som villkorlig logik, ett molnbibliotek med kodavsnitt och mer.

Efter aktivering, gå till sidan Kodavsnitt » + Lägg till avsnitt från WordPress admin sidofält.

Väl där, klicka på knappen ‘+ Lägg till anpassad kodsnutt’ under alternativet ‘Lägg till din anpassade kod (ny kodsnutt)’.

Därefter måste du välja 'CSS Snippet' som kodtyp från listan med alternativ som visas på skärmen.

Detta leder dig till sidan 'Skapa anpassad snippet', där du kan börja med att ge din kodsnippet en titel.

Till exempel använde vi titeln 'Ändra teckenstorlek över hela webbplatsen'.

Kopiera och klistra sedan in följande anpassade CSS-kod i rutan 'Kodförhandsgranskning':

p {
font-size:16px;
}

När du har gjort det, lägger du helt enkelt till önskad textstorlek bredvid raden 'font-size' i CSS-koden.

Det bör se ut så här.

Därefter, bläddra ner till avsnittet 'Infogning' och välj läget 'Automatisk infogning'.

Din kod kommer automatiskt att köras på din webbplats vid aktivering.

Skrolla slutligen tillbaka till toppen av sidan och växla omkopplaren 'Inaktiv' till 'Aktiv'.

Klicka sedan på knappen 'Spara utdrag' för att köra din kod.

Du har nu framgångsrikt ändrat teckenstorleken på din WordPress-webbplats.

Bonus: Ändra textfärg i WordPress

Förutom storlek kanske du också vill ändra textfärgen på din webbplats för att göra ditt innehåll mer läsbart och visuellt tilltalande. Det kan också förstärka ditt varumärke och hjälpa till att lyfta fram viktig information.

För att ändra textfärg måste du öppna ett blogginlägg i blockredigeraren och välja ett Stycke-block. När du har gjort det, byt till fliken ‘Stilar’ i blockpanelen och klicka på alternativet ‘Text’.

Detta öppnar färgväljaren där du kan välja en textfärg för innehållet.

Om du vill ändra textfärgerna över hela webbplatsen kan du använda WPCode, som är det bästa pluginet för kodsnuttar för WordPress på marknaden.

Efter aktivering, besök helt enkelt sidan Kodavsnitt » + Lägg till avsnitt från WordPress admin-sidofältet och klicka på 'Använd avsnitt' under alternativet 'Lägg till din anpassade kod'.

Detta tar dig till sidan 'Skapa anpassat kodavsnitt', där du måste välja 'CSS-avsnitt' som kodtyp och sedan kopiera och klistra in följande kod i rutan 'Kodförhandsgranskning':

p { color:#990000; }

Om du vill använda en annan färg för din webbplatsens rubriker, då behöver du använda h1, h2, h3 eller liknande selektorer.

Klicka slutligen på knappen 'Spara kodavsnitt' och växla omkopplaren 'Inaktiv' till 'Aktiv'.

Du har nu framgångsrikt ändrat textfärgen över hela din webbplats. För detaljerade instruktioner, se vår handledning om hur man ändrar textfärgen i WordPress.

Videohandledning

Om du inte gillar skriftliga instruktioner kan du titta på vår video istället:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt ändrar teckenstorlek i WordPress. Du kanske också vill se vår guide om hur man använder anpassade teckensnitt i WordPress eller vår handledning om hur man inaktiverar Google-teckensnitt på din WordPress-webbplats.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.