Doriți să adăugați spații sau subsecțiunile indentat pe WordPress? Doriți să introduceți paragrafe pe WordPress?

Deși cea mai mare parte a textului dvs. este aliniată la stânga, în unele cazuri este posibil să fie necesar să indentați anumite paragrafe pentru un cea mai bună tipografie și un mai bun experiență de lectură.

În acest tutorial, vă vom arăta cum să indonați cu ușurință paragrafe pe WordPress.

Metoda 1: Utilizarea butoanelor de indentare text în editorul vizual 

În mod implicit, majoritatea Teme WordPress Afișează paragrafe justificate la stânga sau la dreapta pentru limbi de la dreapta la stânga.

Dacă doriți să schimbați un paragraf, îl puteți face manual făcând clic pe buton Creșteți indentarea a editorului de text vizual. Aceasta va adăuga spațierea în stânga paragrafului.

În cazul în care doriți să indentați mai mult de un paragraf, trebuie să selectați acele paragrafe și apoi să faceți clic pe buton Creșteți indentarea.

Puteți face clic pe buton de mai multe ori pentru a mări linia. De exemplu, dacă faceți dublu clic pe acesta, acesta va dubla distanța de indentare.

De asemenea, puteți reduce retragerea făcând clic pe buton Reduceți indentarea. 

De asemenea, vă invităm înainte de a continua să descoperiți Cum se utilizează editorul Gutenberg pentru WordPress 5.0: Prima parte

Metoda 2: indentare manuală paragraf folosind editorul de text

Folosind butoanele de retragere text pe editorul vizual este cel mai simplu mod de a adăuga indentare la paragrafe. Cu toate acestea, acest lucru nu vă oferă controlul asupra spațiului pe care doriți să îl adăugați.

Cei mai mulți utilizatori avansați pot trece la editor de text pentru a adăuga manual liniuța. Tot ce trebuie să faceți este să introduceți textul în eticheta de paragraf și și apoi y adăugați cod CSS asa:

<p style="padding-left:25px;">Your paragraph text goes here...</p>

Această metodă vă permite să controlați spațiul pe care doriți să îl utilizați ca liniuță. Această metodă funcționează cel mai bine dacă nu este nevoie să indentați paragrafele în mod regulat.

Deci, dacă le indentați suficient de des, atunci aceasta nu este o soluție ideală.

Descoperiți ghidul nostru pe Cum se scrie (scrie) un paragraf bun pe blog 

Metoda 3: Indentați numai primul rând al unui paragraf

Paginile web nu folosesc spațierea tradițională a paragrafelor folosită de software-ul de procesare a textului, care marchează doar prima linie a paragrafului.

Chiar și în WordPress, când introduceți un paragraf, spațiul este adăugat întregului paragraf.

Unele site-uri web de reviste sau reviste literare ar putea dori să adauge o liniuță mai tradițională. În acest caz, trebuie să adăugați CSS personalizat la dvs WordPress temă.

Accesați „ Aspect> Personalizare Pentru a lansa „ Customizer "Din WordPress temă. Faceți clic pe „ CSS suplimentare ".

Aceasta va afișa o casetă text în panoul din stânga unde puteți adăuga codul CSS personalizat. Adăugați acest cod CSS în această casetă de text.

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

Descoperiți și noi Tutorial: Cum să stăpânești Editorul vizual WordPress

Acest cod CSS le spune browserelor pur și simplu că, dacă un paragraf are clasa „.custom-indent”, atunci adaugă o liniuță de 60 px.

Puteți edita apoi articolul în editorul de text. Apoi, înconjurați textul cu etichetele <p class = "custom-indent"> et </p> ca următorul :

Textul dvs. de paragraf merge aici ...

După ce ați terminat, puteți previzualiza articolul și veți vedea că doar prima linie a alineatului are spațiu înainte.

Această metodă va funcționa cu atenție dacă doriți doar să indentați câteva paragrafe. Cu toate acestea, dacă doriți să adăugați acest stil la toate alineatele site-ului dvs. web, trebuie doar să modificați codul CSS personalizat astfel:

article p { 
text-indent:60px;
}

Acest cod CSS va adăuga automat o liniuță pe prima linie a tuturor paragrafelor dintr-o postare sau pagină WordPress.

Descoperiți și înainte de a pleca Cum de a adăuga un stil vizual la editor WordPress

Pentru cei care caută editori vizuali de stil pentru a îmbunătăți aspectul site-ului lor web, aici le oferim 3 pluginuri premium WordPress concepute pentru această sarcină.

1. Creion galben: Editor de stil CSS vizual

Yellow Pencil este un editor de stil vizual pe care îl puteți utiliza cu orice temă pentru a vă personaliza site-ul în câteva minute (fonturi, culori, animații și multe altele ...).

Acest plugin va crea stiluri CSS în fundal în timp ce vă jucați cu culorile ca și cum ar fi un joc. A fost conceput atât pentru începători, cât și pentru utilizatori cu experiență. Nu sunt necesare cunoștințe de codificare; Cu toate acestea, pluginul are un editor CSS bun pentru cei cărora le place să codeze. Puteți codifica live cu acest editor și vă puteți personaliza CSS-ul.

Descarca | Demo | web hosting

2. Ușor personalizat JS și CSS 

Ce WordPress plug-in premium este un editor de cod CSS și JavaScript puternic care vă permite să le adăugați în orice secțiune a site-ului dvs. Vă permite să vă păstrați personalizările chiar și după o actualizare majoră a dvs WordPress temă.

Aveți opțiunea de a limita câmpul de utilizare al codului dvs. personalizat. De exemplu, puteți utiliza codul numai pentru un articol în format video. Sau vă puteți limita codul la o anumită temă; Ceea ce este la îndemână dacă schimbați frecvent teme pentru blogul dvs. WordPress.

Descarca | Demo | web hosting

2. Hărți responsabile Google

Ce WordPress plug-in promovează crearea unui sistem de markeri multipli pe o hartă și a mai multor hărți pe pagină. Include vizualizarea pe tot ecranul și gruparea mai multor markeri. Nu este necesară nicio cheie API pentru a face acest lucru.

Instalarea WordPress plug-in Hartă Google receptivăs este simplu și ușor. Nu este nevoie de scurtcircuite complexe lungi. La fel, este simplu să creați o hartă, să adăugați rapid o locație la ea, pentru aceasta, trebuie doar să copiați un scurtcod în pagina în care doriți să afișați harta și ați terminat!

citit Cum se afișează locația unui membru al comunității WP pe o hartă Google

Celelalte caracteristici ale acestuia sunt: ​​aartă receptivă, pmai multe locații pe aceeași hartă, pagmai multe cărți pe pagină, posibilitatea dedescărcați markerele proprii, o vizualizare pe ecran complet, d sprijindiferite tipuri de hărți (hartă rutieră, satelit, hibrid și teren), zoom automatic, capacitatea de a personaliza tdu-te de pe hartă, emult mai mult ...

Resurse recomandate

Descopera mai mult Resurse recomandări care vă vor ajuta mai bine preia controlul asupra editorului de text vizual.  

• Cum se instalează (se adaugă) un plugin pe WordPress
• Cum se instalează WordPress Security Wordfence
• La ce să ne așteptăm de la Gutenberg, noul editor WordPress  
• Cum se utilizează editorul Gutenberg pentru WordPress 5.0: Prima parte 
• Cum se adaugă caracteristici în Editorul vizual WordPress

Concluzie

Aici ! Gata pentru acest tutorial, sper că vă va permite să organizați mai bine indentarea articolelor dvs. simte-te liber sa împărtășiți sfatul prietenilor dvs. de pe rețelele de socializare.

Dacă aveți sugestii sau observații, acestea vor fi binevenite. De asemenea, vă invităm să ne consultați resurse dacă sunteți un blogger începător.

...