Vill du lägga till mellanslag eller dra in stycken i WordPress? Även om det mesta av din text är vänsterjusterad, kan du i vissa fall vilja dra in stycken för förbättrad typografi och bättre läsupplevelse. I den här artikeln visar vi dig hur du enkelt kan dra in stycken i WordPress.
Metod 1: Använda knapparna för indragen text i Visual Editor
Som standard kommer de flesta WordPress-teman att visa stycken som är motiverade till vänster eller till höger för höger till vänster-språk.
Om du vill dra in ett stycke kan du göra det manuellt genom att klicka på knappen för att öka indraget i visual editor. Detta kommer att add to spacing till vänster om stycket.
Om du vill dra in mer än ett stycke måste du välja de styckena och sedan klicka på knappen för att öka indraget.
Du kan klicka på add indent flera gånger för att öka avståndet. Om du till exempel klickar på den två gånger fördubblas indragningsavståndet.
Du kan också minska avståndet genom att klicka på knappen Minska indrag.
Metod 2: Indrag stycke manuellt med textredigerare
Att använda knapparna för indragning av text i visual editor är det enklaste sättet att dra in stycken i WordPress. Detta saknar dock behörighet att kontrollera hur mycket avstånd du vill add to.
Mer avancerade användare kan byta till textredigeraren och manuellt lägga till avstånd. Allt du behöver göra är att omsluta texten runt stycke tagg <p> och </p> taggar och sedan lägga till inline CSS till stycke texten gillar detta:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
Den här metoden allow you att control det avstånd du vill använda som indrag. Denna metod skulle fungera bäst om du inte behöver dra in stycken så ofta. Om du däremot ofta gör indrag i stycken är detta ej en idealisk lösning.
Metod 3: Indrag endast den första raden i ett stycke
Pages använder ej traditionellt styckeavstånd som används i ordbehandlare eller vid sättning, där endast första raden i stycket indenteras.
Även i WordPress, när du gör ett indrag i ett stycke, läggs avståndet till i hela stycket.
Vissa webbplatser gillar new, magasin webbplatser, eller litterära tidskrifter kanske vill lägga till ett mer traditionellt styckeavstånd. I så fall måste du add to custom CSS till ditt theme.
Först måste du besöka Appearance ” Customize för att starta WordPress theme customizer. Klicka nu på tabben ”Ytterligare CSS”.
Detta kommer att visa dig en text box i den vänstra rutan där du kan lägga till din custom CSS. Du måste lägga till den här CSS-koden i boxen.
p.custom-indent {
text-indent:60px;
}
Denna CSS-kod säger helt enkelt till webbläsare att om ett stycke har .custom-indent-klass, lägg sedan till 60px som textindentation.
Du kan nu editera ett post i WordPress och växla till textredigeraren. Därefter omsluter du ditt stycke inuti <p class=”custom-indent”> och </p> taggar gillar detta:
<p class="custom-indent">Din stycke-text hamnar här...</p>
När du är klar kan du previewa din post, och du kommer att se att endast den första raden i stycket har mellanslag före den.
Den här metoden fungerar snyggt om du bara vill dra in några stycken. Men om du vill lägga till den här stilen till alla stycken på din webbplats, behöver du bara ändra den anpassade CSS så här:
article p {
text-indent:60px;
}
Denna CSS-regel kommer automatiskt att dra in den första raden i alla stycken i ett WordPress post eller page.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du indragar stycken i WordPress. Du kanske också vill se våra tips om hur du bemästrar WordPress visual editor.
Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress video tutorials. Du kan också hitta oss på Twitter och Facebook.
cuneyt
thank you, really simple explanations with exact pictures. helped me a lot.
WPBeginner Support
You’re welcome, glad our guide was helpful
Administratör
Paulette Brown
I found ”Customize” at the top in the black menubar when I’m signed in for editing my WordPress site.
Your instructions don’t mention that I need to click the blue ”Publish” box to add the CSS. Mine doesn’t say ”Save and Publish”. I found elsewhere that I need to click this, and when I change themes I may need to do this CSS entry again.
The site-wide indent first line CSS doesn’t work the way I expected. Nothing seems to have happened.
Does it need to be on the three lines you show, or can it be all on one line?
WPBeginner Support
Apologies for that lack of clarification, you are correct that if you change themes with method 3 it will require you to readd the CSS. The three lines are for display but either method should work properly.
Your theme may be overriding the CSS, you may want to check with the support for your specific theme if there is a setting that would be preventing it.
Administratör
Sergiu
I wish indents, and numbering have a keyboard shortcuts as text processors have ..
chas
It works, but treats the whole article as one paragraph I’m trying to post a short story with many paragraphs
all I cab do is insert one CR after another and that’s a royal pain
Lucas
It works for inside text, but it also does so in comments. Is there a way to make it post-only?
Roman
None of this works for me. I’m either inserting it wrong, or wordpress has changed, and this doesn’t work anyone. I can’t even find the ”additional css” after going into ”appearance” to ”customize”.
Sam
This definitely works. You have to search around your ”customize” location. It also depends on your theme developer, they may move the add/custom CSS.
Cavid Muradov
Very thanks for text indent