Sådan tilføjes et linjeskift eller enkelt linjeafstand i WordPress

Dine besøgende kommer til din hjemmeside for dit indhold, så meget er givet. Men der er mange faktorer, der påvirker de besøgendes indtryk af din hjemmeside, og en af ​​dem er, hvordan dit indhold ser ud. WordPresss standardeditor, Gutenberg, havde introduceret nogle nyheder med hensyn til tekstformatering, men tilføje et linjeskift ved et klik på en knap er ikke blandt dem. Dette betyder ikke, at der ikke er nogen måde at gøre det på generere et linjeskift i WordPress. Faktisk er der flere, og dem vil vi gennemgå i denne tutorial.

Der er en ting, du bør huske på: meget af udseendet af din hjemmesidetekst afhænger af det tema, du bruger. Uanset om du forsøger at ændre din tekstfarve, øge eller formindske skriftstørrelser eller indføre et linjeskift eller linjeafstand, kan du opleve, at temaet hindrer dig, eller at nogle af de løsninger, vi tilbyder dig, ikke fungerer lige godt for alle temaer.

Her er, hvad vi vil diskutere:

Sådan tilføjes et linjeskift mellem afsnitsblokke

Hvis du bruger et tekstbehandlingsprogram (eller Klassisk WordPress editor), kan du typisk bruge Gå ind tasten på dit tastatur, når du vil introducere en ny linje. I Gutenberg vil den samme nøgle blot generere en ny afsnitsblok. Hvis du vil tilføje en tom linje mellem to afsnit, vil dit tema sandsynligvis allerede være konfigureret på den måde. De fleste temaer har som standard et tomt mellemrum mellem afsnittene.

Vi vil begynde med et simpelt tekstindlæg, udfyldt af noget tilfældigt genereret tekst. For at oprette et linjeskift skal du blot vælge det sted, hvor du vil afslutte det øverste afsnit.

Når du har gjort det, så tryk Gå ind. Du vil have genereret en ny afsnitsblok.

Et tema vil typisk fortolke dette automatisk. I liveversionen af ​​dit indlæg kan du se et linjeskift mellem afsnittene.

Det samme virker for Elementor når du skriver i teksteditorelementets tekstfelt.

Sådan undgår du at oprette en afsnitsblok, når du skriver i Gutenberg

Du kan, uanset årsagen, begynde at skrive i en ny linje uden linjeskift. Du kan gøre det ved at placere markøren til det sted, hvor du vil have din øverste linje til at slutte og trykke Shift + Enter.

Du vil opdage, at teksten efter din markør begynder i næste række, men udgør en del af samme blok.

Igen, den Shift + Enter kommandoen virker på samme måde i Elementor‘s tekstredigeringselement.

Sådan ændres linje- og afsnitsafstand ved hjælp af CSS

CSS, eller cascading style sheets, er den del af dit temas kode, som blandt andet styrer, hvordan din tekst ser ud. Hvis du vil manipulere dit temas standardindstillinger, skal du tilføje noget tilpasset CSS til dit websted.

Den værdi, vi vil bruge her, er em. I typografi betød em oprindeligt bredden af ​​det store M for en given skrifttype, og det er der, vi får den ekstra brede em-bindestreg (—) fra.

For at tilføje CSS-kode til dit tema skal du have adgang til din tematilpasning. Naviger til det fra menuen til venstre på dit WordPress-dashboard: det er kl Udseende/tilpas.

Klik derefter på Yderligere CSS bjælke i menuen til venstre.

For at ændre linjeafstanden er den kode, du skal indtaste p{line-height: Xem;}, hvor X er antallet af ems, du vil reservere for hver linje. Se hvordan linjeafstanden ændres, hvis vi skifter vores linjehøjde til 3 ems.

Nu, for at ændre afsnitsafstand (mellemrummet mellem afsnitsblokke), skal du bruge et andet stykke kode. Brug p {polstring-bund: Yem;}, hvor Y er antallet af ems, du ønsker mellem afsnit.

Du kan selvfølgelig bruge den ene eller begge til at style din hjemmesides tekst, som du kan lide den. Du kan også erstatte em med px i din kode, hvis du vil indtaste værdier i pixels.

Afslutningsvis

Som vi har vist, kan du justere din linjeafstand og afsnitsafstand i WordPress stort set som du vil, forudsat at det passer godt ind i dit tema. Du kan gøre det, uanset hvilken editor du bruger, og på ingen tid overhovedet, for et enkelt afsnit eller dem alle på tværs af dit websted. Husk dog, at ikke alle indstillinger fungerer for alle farvepaletter og tekstlayouts. Det er op til dig at sørge for, at dine tekstformateringsindstillinger gør din tekst så læselig som du kan for dine besøgende.