Gå till innehållet

Hur indrag punkterna på Wordpress

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du lägga till mellanslag eller underavdelningar indragen på WordPress? Vill du stryka in stycken på WordPress?

Även om det mesta av din text är vänsterjusterad, kan du i vissa fall behöva dra in vissa stycken för a bästa typografi och en bättre läsupplevelse.

I den här tutorialen visar vi dig hur du kan strecksätta facilement stycken om WordPress.

strecksatser om WordPress

Metod 1: Använda textindragsknapparna i den visuella redigeraren 

Som standard mest WordPress-teman Visa motiverade stycken till vänster eller höger för språk från höger till vänster.

Om du vill flytta ett stycke kan du göra det manuellt genom att klicka på knappen Öka indragningen av den visuella textredigeraren. Detta kommer att lägga till avstånd till vänster om stycket.

Indrag stycken på wordpress

Om du vill dra mer än ett stycke måste du välja dessa stycken och klicka sedan på knappen Öka indragningen.

Du kan klicka på knappen flera gånger för att öka indraget. Till exempel, om du dubbelklickar på det, kommer det att fördubbla indragningsavståndet.

Du kan också minska tillbakadragandet genom att klicka på knappen Minska indragningen

Vi inbjuder dig också innan du fortsätter att upptäcka Hur man använder Gutenberg-redigeraren för WordPress 5.0: Del XNUMX

Metod 2: Manuell indragning stycke med hjälp av textredigeraren

Använda uttagsknapparna text på den visuella redigeraren är det enklaste sättet att lägga till fördjupning i stycken. Detta ger dig dock inte kontroll över hur mycket avstånd du vill lägga till.

De flesta avancerade användare kan växla till textredigerare för att manuellt lägga till strecksatsen. Allt du behöver göra är att placera texten i stycketaggen och och sedan y lägg till CSS-kod så här:

Din avsnittstext går här ...

Manuellt indrag stycke om wordpress

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Denna metod låter dig styra avståndet du vill använda som ett indrag. Den här metoden fungerar bäst om du inte behöver stryka in stycken regelbundet.

Så om du drar in dem tillräckligt ofta är detta inte en idealisk lösning.

Upptäck vår guide om Hur man skriver (skriva) en bra punkt på din blogg 

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

Webbsidor använder inte det traditionella styckeavståndet som används av ordbehandlingsprogram, vilket bara markerar första raden i stycket.

Även på WordPress läggs utrymme till hela stycket när du drar in ett stycke.

Exempel på styckeindragning

Vissa tidskrifts- eller litterära tidskriftswebbplatser kanske vill lägga till en mer traditionell borttagning. I det här fallet måste du lägga till anpassad CSS till ditt WordPress-tema.

Gå till " Utseende> Anpassa Att starta " Customizer Med WordPress-tema. Klicka på " ytterligare CSS ".

Ytterligare CSS-anpassare wordpress

Detta visar en textruta i det vänstra rutan där du kan lägga till din anpassade CSS-kod. Lägg till denna CSS-kod i den här textrutan.

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

Upptäck också vår Självstudier: Hur du behärskar WordPress Visual Editor

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

Den här CSS-koden säger helt enkelt till webbläsare att om ett stycke har klassen “.custom-indent” lägger den till en 60px-indrag.

Du kan sedan gå redigera din artikel i textredigeraren. Omge sedan din text med taggarna och enligt följande :

Din avsnittstext går här ...

När du är klar kan du förhandsgranska din artikel och du kommer att se att bara den första raden i avsnittet har avstånd tidigare.

Avstånd framför ett stycke

Den här metoden fungerar noggrant om du bara vill strecksatta några stycken. Men om du vill lägga till den här stilen i alla stycken på din webbplats måste du helt enkelt ändra den anpassade CSS-koden så här:

artikel p {text-streck: 60px; }

Den här CSS-koden lägger automatiskt till en fördjupning på första raden av alla stycken i ett WordPress-inlägg eller -sida.

Upptäck också innan du åker Hur man lägger till en visuell stil till Wordpress redaktör

För dem som letar efter visuella redaktörer för att förbättra utseendet på deras webbplats, här erbjuder vi dem 3 premium WordPress-plugins utformade för denna uppgift.

1. Gul penna: Visual Style CSS Editor

Yellow Pencil är en visuell stilredigerare som du kan använda med vilket tema som helst för att anpassa din webbplats på några minuter (teckensnitt, färger, animationer och mer ...).Yellowpencil Visual CSS Style Editor plugin wordpress

Detta plugin skapar CSS-stilar i bakgrunden medan du spelar med färger som om det vore ett spel. Det var designat för både nybörjare och erfarna användare. Ingen kodningskunskap krävs; Plugin har dock en bra CSS-redigerare för dem som gillar att koda. Du kan koda live med den här redigeraren och anpassa din CSS.

Ladda ner | demo | webbhotell

2. Easy Custom JS och CSS 

Detta premium WordPress-plugin är en kraftfull CSS- och Javascript-kodredigerare som låter dig lägga till dessa i valfri del av din webbplats. Det låter dig behålla dina anpassningar även efter en större uppdatering av ditt WordPress-tema. Enkel anpassad js och css extra anpassning wordpress plugin

Du har möjlighet att begränsa användningsområdet för din personliga kod. Du kan till exempel bara använda din kod för en artikel med videoformat. Eller så kan du begränsa din kod till ett visst tema; Vilket är praktiskt om du ofta byter tema för din WordPress-blogg.

Ladda ner | demo | webbhotell

3. Anpassad JS och CSS för Gutenberg

Med WordPress Custom JS och CSS for Gutenberg-plugin kan du lägga till ett obegränsat antal anpassade stilar till WYSIWYG-redigeraren för dina WordPress-inlägg och sidor. Den är helt kompatibel med Gutenberg-versionen av WordPress.Anpassade js och css för plugin för gutenberg wordpress

Du kan helt enkelt skapa en ny stil med en lättanvänd CSS-redigerare. Detta plugin utökar funktionaliteten för anpassade fält på din webbplats och ger dig möjligheten att ändra dina anpassade fält med en dynamisk och kraftfull anpassningsmodul. och realtidsförhandsgranskningsfunktionen för detta plugin gör det mycket bekvämt och användarvänligt.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

Ladda ner | demo | webbhotell

Rekommenderade resurser

Upptäck andra rekommenderade resurser som hjälper dig bättre ta kontroll över din visuella textredigerare.  

Slutsats

Här! Det är det för denna handledning, jag hoppas att det gör att du bättre kan organisera indragningen av dina artiklar. Känn dig fri att dela tipset med dina vänner på dina sociala nätverk.

Om du har några förslag eller kommentarer är de välkomna. Vi inbjuder dig också att konsultera vår resurser om du är en nybörjare bloggare.

Denna artikel innehåller 1 kommentar

  1. Artikel p {dash-text: 60 px; }
    sträng som ger mig ett fel.
    Valideringstjänsten ger mig också felet "60px; } "
    Hur ska vi korrigera?
    Bra jobb

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
17 aktier
del14
tweet1
Enregistrer2