Vil du tilføje mellemrum eller undersektioner indrykket på WordPress? Vil du indrykke afsnit på WordPress?

Selvom de fleste af dine tekster er venstrejusteret, kan det i nogle tilfælde være nødvendigt at indrykke bestemte afsnit for en bedste typografi og en bedre læseoplevelse.

I denne selvstudie viser vi dig, hvordan du indrykker let afsnit om WordPress.

Metode 1: Brug af tekstindrykningsknapperne i den visuelle editor 

Som standard er de fleste WordPress-temaer Vis berettigede afsnit til venstre eller højre for sprog fra højre til venstre.

Hvis du vil skifte et afsnit, kan du gøre det manuelt ved at klikke på knappen Forøg indrykningen af den visuelle teksteditor. Dette vil tilføje afstand til venstre for afsnittet.

Hvis du vil indrykke mere end et afsnit, skal du vælge disse afsnit og derefter klikke på knappen Forøg indrykningen.

Du kan klikke på knappen flere gange for at øge indrykket. For eksempel, hvis du dobbeltklikker på det, vil det fordoble indrykningsafstanden.

Du kan også reducere tilbagetrækningen ved at klikke på knappen Reducer indrykning. 

Vi inviterer dig også, før du fortsætter med at opdage Sådan bruges Gutenberg-editoren til WordPress 5.0: Del XNUMX

Metode 2: Manuel indrykning afsnit ved hjælp af teksteditoren

Brug af tilbagetrækningsknapperne tekst på den visuelle editor er den nemmeste måde at tilføje indrykning til afsnit. Dette giver dig dog ikke kontrol over, hvor meget afstand du vil tilføje.

De fleste avancerede brugere kan skifte til teksteditor for at tilføje indrykket manuelt. Alt hvad du skal gøre er at sætte teksten i afsnitskoden og og derefter y tilføj CSS-kode som dette:

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

Denne metode giver dig mulighed for at kontrollere den afstand, du vil bruge som et indryk. Denne metode fungerer bedst, hvis du ikke behøver at indrykke afsnit regelmæssigt.

Så hvis du indrykker dem ofte nok, er dette ikke en ideel løsning.

Oplev vores guide om Hvordan man skriver (skriv) en god afsnit på din blog 

Metode 3: Indryk kun den første linje i et afsnit

Websider bruger ikke den traditionelle paragrafafstand, der bruges af tekstbehandlingssoftware, som kun markerer afsnittets første linje.

Selv i WordPress tilføjes plads til hele afsnittet, når du indrykker et afsnit.

Nogle magasin- eller litterære tidsskriftswebsteder ønsker måske at tilføje et mere traditionelt led. I dette tilfælde skal du tilføje tilpasset CSS til din WordPress tema.

Gå til " Udseende> Tilpas For at starte " Customizer "At WordPress tema. Klik på " Yderligere CSS '.

Dette viser et tekstfelt i venstre rude, hvor du kan tilføje din brugerdefinerede CSS-kode. Tilføj denne CSS-kode i dette tekstfelt.

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

Oplev også vores Selvstudie: Sådan mestrer du WordPress Visual Editor

Denne CSS-kode fortæller simpelthen browsere, at hvis et afsnit har klassen ".custom-indent", tilføjer den en 60px-indrykning.

Du kan derefter redigere din artikel i teksteditoren. Omgiv derefter din tekst med tags <p class = "custom-indent"> et </p> som følger :

Din afsnitstekst går her ...

Når du er færdig, kan du se en forhåndsvisning af din artikel, og du vil se, at kun den første linje i afsnittet har afstand før.

Denne metode fungerer nøje, hvis du kun ønsker at indrykke et par stykker. Hvis du imidlertid vil tilføje denne typografi til alle afsnit på dit websted, skal du blot ændre den tilpassede CSS-kode på denne måde:

article p { 
text-indent:60px;
}

Denne CSS-kode tilføjer automatisk et indryk på den første linje i alle afsnit i et WordPress-indlæg eller -side.

Oplev også inden afrejsen Hvordan at tilføje en visuel stil til WordPress editor

For dem der er på udkig efter visuelle redaktører, der forbedrer udseendet på deres hjemmeside, tilbyder vi dem 3 premium WordPress-plugins designet til denne opgave.

1. Gul blyant: Visual Style CSS Editor

Yellow Pencil er en redaktør for visuel stil, som du kan bruge med ethvert tema til at personliggøre dit websted på få minutter (skrifttyper, farver, animationer og mere ...).

Dette plugin opretter CSS-stilarter i baggrunden, mens du spiller med farver, som om det var et spil. Det var designet til begyndere såvel som erfarne brugere. Ingen kodende viden er påkrævet; Pluginet har dog en god CSS-editor til dem, der kan lide at kode. Du kan kode live med denne editor og tilpasse din CSS.

Downloade | demo | Web-hosting

2. Nemt tilpasset JS og CSS 

Ce WordPress plugin premium er en kraftfuld CSS- og JavaScript-kodeeditor, der giver dig mulighed for at tilføje dem til enhver sektion af dit websted. Det giver dig mulighed for at beholde dine tilpasninger, selv efter en større opdatering af din WordPress tema.

Du har mulighed for at begrænse anvendelsesområdet for din personlige kode. For eksempel kan du kun bruge din kode til en artikel i videoformatet. Eller du kan begrænse din kode til et bestemt tema; Hvilket er praktisk, hvis du ofte skifter temaer til din WordPress-blog.

Downloade | demo | Web-hosting

2. Responsive Google Maps

Ce WordPress plugin fremmer oprettelsen af ​​et system med flere markører på et kort og flere kort pr. side. Det inkluderer fuldskærmsvisning og gruppering af flere markører. Der kræves ingen API-nøgle for at gøre dette.

Installation af WordPress plugin Responsive Google Maps er enkelt og let. Intet behov for lange komplekse kortkoder. Ligeledes er det nemt at oprette et kort, for hurtigt at tilføje en placering til det, for det skal du bare kopiere en kortkode på den side, hvor du vil vise kortet, og du er færdig!

Læs Sådan vises placeringen af ​​et medlem af dit WP-community på et Google Map

Dens andre funktioner er: aresponsiv arte, sflere placeringer på det samme kort, sflere kort pr. side, muligheden fordownload dine egne markører, en fuldskærmsvisning, d støtteforskellige typer kort (køreplan, satellit, hybrid og terræn), zoom automatisk, muligheden for at tilpasse tgå fra kortet, emeget mere ...

Anbefalede ressourcer

Opdag mere ressourcer anbefalinger, der vil hjælpe dig bedre tage kontrol over din visuelle teksteditor.  

• Sådan installeres (tilføjes) et plugin på WordPress
• Sådan installeres WordPress Security Wordfence
• Hvad man kan forvente af Gutenberg, den nye WordPress-editor  
• Sådan bruges Gutenberg-editoren til WordPress 5.0: Del XNUMX 
• Sådan tilføjes funktionalitet til WordPress visuelle editor

Konklusion

Her ! Det er det til denne tutorial, jeg håber, det giver dig mulighed for bedre at organisere indrykket af dine artikler. du er velkommen til del tipet med dine venner på dine sociale netværk.

Hvis du har nogle forslag eller bemærkninger, er de velkomne. Vi inviterer dig også til at konsultere vores ressourcer, hvis du er en begynderblogger.

...