Mycket eftertanke går till att designa en webbplats. Bra innehåll är naturligtvis av största vikt, men det som först drar blickarna är det visuella. Alla teman är bra och vi vet att det finns en mängd vackra teman där ute, men du vill gör din webbplats till din egen. För att uppnå det utseende du vill ha från din webbplats, kanske du upptäcker att du behöver ett sätt att ändra dina teckenstorlekar. Lyckligtvis finns det enkla sätt att göra det på. Här är vad vi kommer att diskutera i den här artikeln:
Först skapar vi ett inlägg och fyller det med lite slumpmässigt genererad text. Därefter kommer vi att gå in på de snåriga ändringarna av teckenstorlek i WordPress. Du kommer att lära dig hur ändra dina teckenstorlekar i ett inlägg, men du kommer att upptäcka att det fungerar ungefär likadant för sidor också.
Låt oss börja med Gutenberg, eftersom det är den föredragna redaktören för många WordPress-användare. En av inställningarna för ett Gutenberg-styckeblock är Typografi miljö. Du hittar den i blockmenyn till höger. För att ändra storleken på ditt teckensnitt, ändra helt enkelt ditt block Förinställd storlek till allt du vill. Vi kommer att välja Stor inramning för denna demonstration. Du kan också ange en anpassad teckenstorlek i Beställnings låda.
Och din text kommer att visas stor i inlägget – i vårt fall, teckenstorlek 36.
Observera att detta endast gäller det stycke vi valt. Du måste ändra alla stycken manuellt. Om du vill ändra storleken på alla teckensnitt på din webbplats, scrolla ner till det sista avsnittet i den här artikeln, där vi diskuterar hur du använder kod för att manipulera teckenstorlekar.
Om du arbetar med Elementor finns textstorlekskontrollerna i textelementets Stil tab, under Typografi. Om du använder den klassiska redigeraren, scrolla höger ner – vi har ett helt avsnitt om det.
Rubriker Och Citat
Men vad händer om du bara vill fånga dina läsares uppmärksamhet med några imponerande rubriker och citat? Rubriker är vana vid dela upp texten både organisatoriskt och visuellt, men det är inte allt. De är också användbara för SEO-ändamål, eftersom sökmotorer tillskriver rubriker mer vikt än vanlig text. De har också en viktig roll för texttolkningsprogram för synskadade, vilket är en av anledningarna till att du bör använda underrubriker i ordning, utan att hoppa över.
Allt detta betyder att du inte bör använda rubriker bara för att få din text att se större ut – rubriker måste vara meningsfulla. Även om det är likadant för dig, även om storleken och formen på bokstäverna är exakt samma, kan (och gör) mjukvara säga skillnaden. För mer om tillgänglighet i WordPress och hur rubriker kommer till spel, kolla in vår djupgående handledning.
Citat är lite olika: de har vissa SEO-fördelar, men de är inte lika viktiga som rubriker, särskilt för text-till-tal-programvara. De ser också lite annorlunda ut. Om du bara vill dra fram en viktig punkt ur den omgivande texten, ett citat är hur du gör.
Observera att den exakta storleken på dina rubriker och citatblock beror på dina temainställningar. Du kan ändra dessa med CSS.
För att introducera en rubrik i Gutenberg behöver du ett rubrikblock. När du arbetar med Elementor fungerar rubriker för det mesta exakt likadant, förutom att du behöver ett rubrikelement.
Klicka bara på plus tecken för att lägga till ett block och hitta Rubrikblock.
Allt du behöver göra nu är att ange din rubrik. Du kan också ändra rubriknivån, men det är god SEO-praxis att använda H2 för den näst lägsta nivån från titeln, och sedan använda dina rubriker i ordning, utan att hoppa över.
För en offert är processen exakt densamma. Klicka på plus tecken, hitta en Citat Block, och lägg till det.
Och ange sedan din offert. Observera att ett citatblock har två fält: citatfältet och bildtextfältet. Bildtexten är främst till för att tillskriva citat, men du kan använda den för vad du vill eller lämna den tom.
Och dina rubriker och citat kommer att visas i texten precis där du placerar dem.
Om du arbetar med Classic-redigeraren hittar du Rubrik och Citat kontroller i rubriken på skärmen för redigering av inlägg. Välj helt enkelt texten och gör den till en rubrik för den nivå du vill ha genom att välja från menyn, eller gör samma sak för ett citat och tryck på knappen.
Du kan också markera rubriken genom att använda HTML i text fliken i din klassiska editor:
för Rubrik 2,
för Rubrik 3, och så vidare.
Om du använder Klassisk redaktör, du saknar teckenstorlekskontroller på din inläggsredigeringsskärm. Du kan använda kod för att ändra din teckenstorlek, men vi kommer att ta itu med detta senare. Många människor är förståeligt nog oroliga över att arbeta med sin webbplats kod. Om du inte vet vad du gör kan du orsaka buggar, eller om du arbetar med proprietär kod kan du till och med stöta på ett garantiproblem. Om du inte vill ändra din kod kanske du ändå ändra teckenstorleken med ett plugin. Insticksprogrammet vi kommer att använda för detta är Avancerade redigeringsverktyg.
Efter att du har installerat och aktiverat plugin-programmet hittar du en helt ny uppsättning verktyg i din klassiska editor-header. De vi kommer att bry oss om nu är de Textstorlek kontroller. För att visa dig hur de fungerar kommer vi att välja det andra stycket och ändra dess storlek från standard 12 punkter till 24. Du kommer att se det förstorat på din skärm också.
Det andra stycket kommer också att visas större i förhandsgranskningen av inlägget.
Denna plugin erbjuder flera andra formaterings- och stilalternativ, och vi rekommenderar det varmt för de av er som fortfarande använder den klassiska redigeraren.
Slutligen kan du använda CSS för att ändra din teckenstorlek på hela din webbplats på en gång. Vi kommer att visa dig hur du gör det för vårt flaggskeppstema, Bridge, men de flesta teman kommer att ha samma grundläggande funktionalitet.
Först måste du navigera till Utseende/Anpassa bilda din WordPress-instrumentpanel för att nå temaanpassaren.
Du behöver Ytterligare CSS sektion. Uppe på vänster sida ser du vilket tema du just nu anpassar. Om du vill ändra teckenstorleken på flera teman måste du göra det Förändra temat du redigerar.
I CSS-fältet lägger du helt enkelt till denna kodbit om du vill ändra parametrarna för ditt tema helt och hållet:
p {
font-size:18px;
}
Detta kommer att ändra all stycketext till storlek 18 pixlar. Du kan naturligtvis ändra antalet pixlar till vad du vill. Men vad händer om du vill ändra rubrikerna? Det är lätt också. Förord helt enkelt fästet med h2 istället för sid:
h2 {
font-size:36px;
}
Och där har du det. Hela ditt tema förvandlas!
Sammanfattningsvis
Som vi har visat finns det ingen brist på snabba och enkla sätt att manipulera din text, eller, specifikt, ändra teckenstorleken i WordPress. Du kanske vill göra det på hela webbplatsen genom att redigera webbplatsens kod, för vissa textbitar som du vill framhäva, eller som en del av en logisk organisation av texten för att gynna både mänskliga och mjukvaruläsare, och oavsett vilken redaktör du kanske använder är allt klart. Så oavsett om du gör det av stil- eller funktionsskäl är ändringar av teckenstorlek i WordPress inte längre ett mysterium och borde inte ta dig någon tid alls.
Stöd vårt arbete ❤️
Om du gillade den här artikeln, överväg att lämna dricks för att hjälpa oss fortsätta publicera bra innehåll.
