Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man enkelt indenterar stycken i WordPress

Vill du lägga till utrymme eller dra in stycken i WordPress? Medan 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 hur du enkelt kan dra in stycken i WordPress.

Hur man gör indrag i stycken i WordPress

Metod 1: Använda knapparna för indragstext i visuell redigerare

Som standard visar de flesta WordPress-teman stycken som är justerade till vänster eller till höger för språk som läses från höger till vänster.

Om du vill indentera ett stycke kan du göra det manuellt genom att klicka på knappen öka indrag i visuell redigerare. Detta lägger till avstånd till vänster om stycket.

Knappar för att öka och minska indrag i WordPress-redigeraren

Om du vill göra indrag i mer än ett stycke, måste du markera dessa stycken och sedan klicka på knappen öka indrag.

Du kan klicka på lägg till indrag flera gånger för att öka avståndet. Om du till exempel klickar två gånger, fördubblas indragsavståndet.

Du kan också minska avståndet genom att klicka på knappen för att minska indrag.

Metod 2: Indentera stycke manuellt med textredigerare

Att använda knapparna för indragstext i den visuella redigeraren är det enklaste sättet att dra in stycken i WordPress. Detta tillåter dig dock inte att styra mängden utrymme du vill lägga till.

Mer avancerade användare kan växla till textredigeraren och manuellt lägga till avstånd. Allt du behöver göra är att omsluta texten med stycke-taggar <p> och </p> och sedan lägga till inline CSS till styckestexten så här:

<p style="padding-left:25px;">Din paragraftext kommer här...</p>

Indentera stycken manuellt med inbyggd CSS

Denna metod låter dig styra det utrymme du vill använda som indrag. Denna metod skulle fungera bäst om du inte behöver dra in stycken så ofta. Men om du ofta drar in stycken, är detta inte en idealisk lösning.

Metod 3: Indentera endast den första raden i ett stycke

Webb sidor använder inte traditionellt styckeavstånd som används av ordbehandlare eller sättning, som bara indentera den första raden av stycket.

Även i WordPress, när du gör indrag i ett stycke, läggs avståndet till hela stycket.

Alla rader påverkas vid indrag av stycke

Vissa webbplatser som nyhets-, tidskrifts- eller litteraturpublikationer kanske vill lägga till ett mer traditionellt radavstånd. I så fall behöver du lägga till anpassad CSS till ditt tema.

Först måste du besöka Utseende » Anpassa för att starta WordPress temaanpassare. Klicka nu på fliken 'Ytterligare CSS'.

Lägga till anpassad CSS i WordPress

Detta visar dig en textruta i den vänstra panelen där du kan lägga till din anpassade CSS. Du måste lägga till denna CSS-kod i rutan.

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

Denna CSS-kod talar helt enkelt om för webbläsare att om ett stycke har klassen .custom-indent, lägg till 60px som text-indent.

Du kan nu redigera ett inlägg i WordPress och växla till textredigeraren. Därefter, omslut ditt stycke med <p class=”custom-indent”> och </p> taggar som detta:

<p class="custom-indent">Din styckestext kommer här...</p>

När du är klar kan du förhandsgranska ditt inlägg och du kommer att se att endast den första raden i stycket har ett avstånd före sig.

Indrag endast första raden i ett stycke i WordPress

Den här metoden fungerar bra om du bara vill indentera några få 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:en så här:

article p { 
text-indent:60px;
} 

Denna CSS-regel kommer automatiskt att indentera den första raden av alla stycken i ett WordPress inlägg eller sida.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du indentera stycken i WordPress. Du kanske också vill se våra tips om att bemästra WordPress visuella redigerare.

Om du gillade den här artikeln, vänligen prenumerera på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.

Upplysning: Vårt innehåll stöds av läsarna. Det innebär att om du klickar på några av våra länkar kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt och hur du kan stödja oss. Här är vår redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

10 CommentsLeave a Reply

  1. Jag hittade "Anpassa" högst upp i den svarta menyraden när jag är inloggad för att redigera min WordPress-webbplats.
    Dina instruktioner nämner inte att jag behöver klicka på den blå rutan "Publicera" för att lägga till CSS. Min säger inte "Spara och publicera". Jag hittade någon annanstans att jag behöver klicka på detta, och när jag byter tema kan jag behöva göra denna CSS-inmatning igen.
    CSS för indrag av första raden för hela webbplatsen fungerar inte som jag förväntade mig. Ingenting verkar ha hänt.
    Måste det vara på de tre rader du visar, eller kan det vara på en enda rad?

    • Ursäkta den bristande förtydligandet, du har rätt att om du byter teman med metod 3 kommer det att kräva att du lägger till CSS igen. De tre raderna är för visning men båda metoderna bör fungera korrekt.
      Ditt tema kan åsidosätta CSS, du kanske vill kontrollera med supporten för ditt specifika tema om det finns en inställning som skulle förhindra det.

      Admin

  2. Det fungerar, men behandlar hela artikeln som ett enda stycke. Jag försöker posta en novell med många stycken.
    Allt jag kan göra är att infoga en CR efter en annan och det är ett enormt besvär.

  3. Det fungerar för text inuti, men det gör det även i kommentarer. Finns det ett sätt att göra det endast för inlägg?

  4. Inget av detta fungerar för mig. Jag antingen infogar det fel, eller så har wordpress ändrats och detta fungerar inte längre. Jag kan inte ens hitta "ytterligare css" efter att ha gått in på "utseende" till "anpassa".

    • Detta fungerar definitivt. Du måste leta runt din "anpassa"-plats. Det beror också på din temautvecklare, de kan flytta lägg till/anpassad CSS.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt vår kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.