Divi: Det beste WordPress-temaet hele tiden!

mer 901.000 nedlastinger, Divi er det mest populære WordPress-temaet i verden. Den er komplett, enkel å bruke og leveres med mer enn 62 gratis maler.

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:

Avsnittsteksten din kommer hit ...

Manuelt innrykk avsnitt på wordpress

Opprett enkelt nettstedet ditt med Elementor

Elementor lar deg lage Enkelt og gratis ethvert nettsted eller bloggdesign med et profesjonelt utseende. Slutt å betale mye for et nettsted du kan gjøre selv.

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 magasiner vil kanskje legge til en mer tradisjonell fjerning. I dette tilfellet må du legge til tilpasset CSS til ditt WordPress-tema.

Gå til " Utseende> Tilpass Å lansere " Customizer Av WordPress-tema. Klikk på " Tilleggs CSS '.

Ekstra css tilpasnings wordpress

Ønsker du å selge produktene dine på internett?

Last ned WooCommerce gratis, de beste e-handelspluginene for å selge dine fysiske og digitale produkter på WordPress og enkelt lage din nettbutikk. Perfekt for nybegynnere.

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-innrykk {tekst-strekpunkt: 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 gå og redigere artikkelen din på teksteditoren. Deretter omgir du teksten med kodene og 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:

Artikkel p {tekst-strekpunkt: 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 

Dette premium WordPress-pluginet er et kraftig CSS- og Javascript-kodeditor som lar deg legge disse til hvilken som helst del av nettstedet ditt. Det lar deg beholde tilpasningene dine selv etter en større oppdatering av WordPress-temaet ditt. 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

3. Tilpasset JS og CSS for Gutenberg

WordPress Custom JS og CSS for Gutenberg plugin vil tillate deg å legge til et ubegrenset antall tilpassede stiler til WYSIWYG-editoren for WordPress-innlegg og sider. Den er fullt kompatibel med Gutenberg-versjonen av WordPress.Tilpasset js og css for gutenberg wordpress plugin

Du kan ganske enkelt lage en ny stil med en brukervennlig CSS-editor. Denne pluginen utvider funksjonaliteten til tilpassede felt på nettstedet ditt og gir deg muligheten til å endre dine tilpassede felt med en dynamisk og kraftig tilpasningsmodul. og forhåndsvisningsfunksjonen i denne plugin-en gjør det veldig behagelig og brukervennlig.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Oppdag andre anbefalte ressurser 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.

...