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.
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.
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:
<p style="padding-left:25px;">Your paragraph text goes here...</p>
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.
Vissa tidskrifter eller litterära tidskrifter kanske vill lägga till en mer traditionell strecksats. I det här fallet måste du lägga till anpassad CSS till din Wordpress tema.
Gå till " Utseende> Anpassa Att starta " Customizer 'Of Wordpress tema. Klicka på " ytterligare CSS ".
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
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 redigera din artikel i textredigeraren. Omge sedan din text med taggarna <p class = "custom-indent">
et </p>
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.
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:
article p {
text-indent: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 ...).
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
Ce Wordpress plugin premium är en kraftfull CSS- och JavaScript-kodredigerare som låter dig lägga till dem i valfri del av din webbplats. Det låter dig behålla dina anpassningar även efter en större uppdatering av din Wordpress tema.
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
2. Responsive Google Maps
Ce Wordpress plugin främjar skapandet av ett system med flera markörer på en karta och flera kartor per sida. Det inkluderar helskärmsvy och gruppering av flera markörer. Ingen API-nyckel behövs för att göra detta.
Installation av Wordpress plugin Responsiv Google Maps är enkelt och enkelt. Inget behov av långa komplexa kortkoder. På samma sätt är det enkelt att skapa en karta, att snabbt lägga till en plats i den, för det behöver du bara kopiera en kortkod på sidan där du vill visa kartan, och du är klar!
Läs Hur du visar platsen för en medlem av din WP-community på en Google Map
Dess andra funktioner är: aresponsiv arte, sidflera platser på samma karta, sidflera kort per sida, möjligheten tillladda ner dina egna markörer, en fullskärmsvy, d stödolika typer av kartor (vägkarta, satellit, hybrid och terräng), zoom automatisk, möjligheten att anpassa tgå från kartan, emycket mer ...
Rekommenderade resurser
Upptäck mer medel rekommendationer som hjälper dig bättre ta kontroll över din visuella textredigerare.
- Hur man installerar (lägger till) ett plugin på WordPress
- Hur man installerar Wordpress Security Wordfence
- Vad du kan förvänta dig av Gutenberg, den nya WordPress-redaktören
- Hur man använder Gutenberg-redigeraren för WordPress 5.0: Del XNUMX
- Hur man lägger till funktioner i WordPress Visual Editor
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.
.
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