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.
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.
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>
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.
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 " Customizer "Å WordPress tema. Klikk på " Tilleggs CSS '.
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.
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 ...).
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.
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.
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.
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.
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.
- Hvordan installere (legge til) et plugin på WordPress
- Hvordan installere WordPress Security Wordfence
- Hva du kan forvente av Gutenberg, den nye WordPress-redaktøren
- Hvordan bruke Gutenberg-redaktøren for WordPress 5.0: Del XNUMX
- Hvordan legge til funksjonalitet i WordPress Visual Editor
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.
...
Artikkel p {dash-text: 60 px; }
streng som gir meg en feil.
Valideringstjenesten gir meg også feilen "60px; } "
Hvordan skal vi rette?
God jobb