Gå til hovedindhold

Sådan indrykke afsnit om WordPress

Divi: Det nemmeste WordPress tema at bruge

Divi: Det bedste WordPress tema hele tiden!

mere 901.000 downloads, Divi er det mest populære WordPress tema i verden. Den er komplet, nem at bruge og leveres med mere end 62 gratis skabeloner. [Anbefalet]

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.

led 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.

Indrykning af afsnit på wordpress

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:

Din afsnitstekst går her ...

Manuelt indrykningsafsnit på wordpress

Opret nemt dit websted med Elementor

Elementor giver dig mulighed for nemt at oprette ethvert webstedsdesign med et professionelt look. Stop med at betale dyre for hvad du selv kan gøre. [Gratis]

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.

Eksempel på indrykning af afsnit

Nogle websteder med magasiner eller litterære magasiner ønsker måske at tilføje en mere traditionel fjernelse. I dette tilfælde skal du tilføje tilpasset CSS til dit WordPress-tema.

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

Yderligere css tilpasnings wordpress

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

Leder du efter de bedste WordPress-temaer og plugins?

Download de bedste plugins og WordPress-temaer på Envato og nemt oprette dit websted. Allerede mere end 49.720.000 downloads. [EXCLUSIVE]

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

Du kan derefter gå og redigere din artikel i teksteditoren. Omgiv derefter din tekst med tags og 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.

Afstand foran et afsnit

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:

artikel p {tekstindtryk: 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 ...).Yellowpencil visuel css stil editor plugin wordpress

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 

Dette premium WordPress-plugin er en kraftfuld CSS- og Javascript-kodeditor, der giver dig mulighed for at tilføje disse til ethvert afsnit på dit websted. Det giver dig mulighed for at beholde dine tilpasninger, selv efter en større opdatering til dit WordPress-tema. Nem tilpasset js og css ekstra tilpasning wordpress plugin

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

3. Brugerdefineret JS og CSS til Gutenberg

WordPress Custom JS og CSS for Gutenberg-plugin giver dig mulighed for at tilføje et ubegrænset antal brugerdefinerede stilarter til WYSIWYG-editoren til dine WordPress-indlæg og sider. Det er fuldt kompatibelt med Gutenberg-versionen af ​​WordPress.Brugerdefineret js og css til gutenberg wordpress plugin

Du kan blot oprette en ny stil med en brugervenlig CSS-editor. Dette plugin udvider funktionaliteten af ​​brugerdefinerede felter på dit websted og giver dig muligheden for at ændre dine brugerdefinerede felter med et dynamisk og kraftfuldt tilpasningsmodul. og realtidsvisningsfunktionen af ​​dette plugin gør det meget behageligt og brugervenligt.

Opret nemt din online butik

Download gratis WooCommerce, de bedste e-handels-plugins til at sælge dine fysiske og digitale produkter på WordPress. [Anbefalet]

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find andre anbefalede ressourcer, der kan hjælpe dig bedre tage kontrol over din visuelle teksteditor.  

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.

... 

Denne artikel indeholder 1 kommentar

  1. Artikel p {dash-text: 60 px; }
    streng, der giver mig en fejl.
    Valideringstjenesten giver mig også fejlen "60px; } "
    Hvordan skal vi rette op?
    Godt arbejde

Skriv en kommentar

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.

Tilbage til toppen
17 aktier
andel14
tweet1
Tilmeld2