Vil du legge til mellomrom eller seksjoner innrykket på WordPress? Vil du sette inn avsnitt på WordPress?

Selv om de fleste av tekstene dine er venstrejustert, kan det i noen tilfeller være nødvendig å innrykke visse avsnitt for a beste typografi og en bedre leseopplevelse.

I denne opplæringen vil vi vise deg hvordan du skal innrykke lett avsnitt om WordPress.

ledd avsnitt på WordPress

Metode 1: Bruke knappene for tekstinnrykk i den visuelle redigereren 

Som standard er de fleste WordPress-temaer Vis begrunnede avsnitt til venstre eller høyre for språk fra høyre til venstre.

Hvis du vil flytte et avsnitt, kan du gjøre det manuelt ved å klikke på knappen Øk innrykk av den visuelle tekstredigereren. Dette vil gi avstand til venstre for avsnittet.

Innrykk avsnitt på wordpress

Hvis du vil innrykk mer enn ett avsnitt, må du velge disse avsnittene og deretter klikke på knappen Øk innrykk.

Du kan klikke på knappen flere ganger for å øke innrykket. For eksempel, hvis du dobbeltklikker på den, vil den doble innrykkavstanden.

Du kan også redusere uttaket ved å klikke på knappen Reduser innrykk

Vi inviterer deg også før du fortsetter å oppdage Hvordan bruke Gutenberg-redaktøren for WordPress 5.0: Del XNUMX

Metode 2: Manuell innrykk avsnitt ved hjelp av teksteditoren

Bruke uttaksknappene tekst på den visuelle redigereren er den enkleste måten å legge innrykk til avsnitt. Dette gir deg imidlertid ikke kontroll over hvor mye avstand du vil legge til.

De fleste avanserte brukere kan bytte til tekstredigerer for å legge til innrykk manuelt. Alt du trenger å gjøre er å sette teksten i avsnittstaggen og og deretter y legg til CSS-kode som dette:

<p style="padding-left:25px;">Your paragraph text goes here...</p>
Manuelt innrykk avsnitt på wordpress

Denne metoden lar deg kontrollere avstanden du vil bruke som innrykk. Denne metoden fungerer best hvis du ikke trenger å sette inn avsnitt regelmessig.

Så hvis du setter dem inn ofte nok, er dette ikke en ideell løsning.

Oppdag guiden vår om Hvordan skrive (skrive) en god avsnitt på bloggen din 

Metode 3: Innrykk bare første linje i et avsnitt

Websider bruker ikke den tradisjonelle avsnittsavstanden som brukes av tekstbehandlingsprogramvare, som bare markerer første linje i avsnittet.

Selv i WordPress, når du innrykker et avsnitt, blir det lagt til plass i hele avsnittet.

Eksempel på innrykk på avsnitt

Noen nettsteder for magasiner eller litterære tidsskrifter kan ønske å legge til et mer tradisjonelt innrykk. I dette tilfellet må du legge til tilpasset CSS til din WordPress tema.

Gå til " Utseende> Tilpass Å lansere " CustomizerWordPress tema. Klikk på " Tilleggs CSS '.

Ekstra css tilpasnings wordpress

Dette vil vise en tekstboks i venstre rute hvor du kan legge til din tilpassede CSS-kode. Legg til denne CSS-koden i denne tekstboksen.

p.custom-indent { 
text-indent:60px;
}

Oppdag også vår Opplæring: Slik mestrer du WordPress Visual Editor

Denne CSS-koden forteller bare nettlesere at hvis et avsnitt har klassen ".custom-indent", så legger det til en 60px-innrykk.

Du kan deretter redigere artikkelen din i tekstredigeringsprogrammet. Omslut deretter teksten din med kodene <p class = "custom-indent"> et </p> som følger :

Avsnittsteksten din kommer hit ...

Når du er ferdig, kan du forhåndsvise artikkelen din, og du vil se at bare den første linjen i avsnittet har avstand før.

Avstand foran et avsnitt

Denne metoden vil fungere nøye hvis du bare ønsker å sette inn noen få avsnitt. Hvis du imidlertid vil legge denne stilen til alle avsnitt på nettstedet ditt, må du bare endre den tilpassede CSS-koden slik:

article p { 
text-indent:60px;
}

Denne CSS-koden vil automatisk legge til et innrykk på første linje i alle avsnitt i et WordPress-innlegg eller -side.

Oppdag også før avreise Hvordan legge til en visuell stil til WordPress redaktør

For de som leter etter visuelle redaktører for å forbedre utseendet på nettstedet deres, her tilbyr vi dem 3 premium WordPress-plugins designet for denne oppgaven.

1. Gul blyant: Visual Style CSS Editor

Yellow Pencil er en redaktør for visuell stil som du kan bruke med hvilket som helst tema for å tilpasse nettstedet ditt på få minutter (skrifter, farger, animasjoner og mer ...).

Yellowpencil Visual CSS Style Editor Plugin Wordpress

Dette pluginet vil lage CSS-stiler i bakgrunnen mens du spiller med farger som om det var et spill. Det var designet for nybegynnere så vel som erfarne brukere. Ingen koding kunnskap er nødvendig; Imidlertid har pluginet en god CSS-editor for de som liker å kode. Du kan kode live med denne redaktøren og tilpasse CSS.

Last ned | dEMO | Webhotell

2. Enkel tilpasset JS og CSS 

Ce WordPress Plugin premium er en kraftig CSS- og JavaScript-koderedigerer som lar deg legge dem til en hvilken som helst del av nettstedet ditt. Det lar deg beholde tilpasningene dine selv etter en større oppdatering av din WordPress tema.

Enkel tilpasset js og css ekstra tilpasning wordpress plugin

Du har muligheten til å begrense bruksområdet for din personlige kode. For eksempel kan du bare bruke koden din til en artikkel i videoformat. Eller du kan begrense koden til et bestemt tema; Noe som er nyttig hvis du ofte endrer tema for WordPress-bloggen din.

Last ned | dEMO | Webhotell

2. Responsive Google Maps

Ce WordPress Plugin fremmer opprettelsen av et system med flere markører på et kart og flere kart per side. Den inkluderer fullskjermvisning og gruppering av flere markører. Ingen API-nøkkel er nødvendig for å gjøre dette.

WordPress maps plugins - Responsive google maps

Installerer WordPress Plugin Responsive Google Maps er enkelt og enkelt. Ingen behov for lange sammensatte kortkoder. På samme måte er det enkelt å lage et kart, for raskt å legge til et sted i det. For det, du trenger bare å kopiere en kortkode på siden der du vil vise kartet, og du er ferdig!

Les Slik viser du plasseringen til et medlem av WP-samfunnet på et Google Map

De andre funksjonene er: aresponsiv arte, sflere steder på samme kart, sflere kort per side, muligheten forlast ned dine egne markører, en fullskjermvisning, d støtteforskjellige typer kart (veikart, satellitt, hybrid og terreng), zoom automatisk, muligheten til å tilpasse tgå fra kartet, emye mer ...

Anbefalte ressurser

Oppdag mer ressources anbefalinger som vil hjelpe deg bedre ta kontroll over din visuelle tekstredigerer.  

konklusjonen

Her! Det er det for denne opplæringen, jeg håper det vil tillate deg å bedre organisere innrykk av artiklene dine. Føl deg fri til å del tipset med vennene dine på dine sosiale nettverk.

Hvis du har noen forslag eller kommentarer, er de velkomne. Vi inviterer deg også til å konsultere vår ressurser hvis du er en nybegynnerblogger.

...