[vc_row content_placement = "middle" css = ". vc_custom_1508940533685 {background-color: # f8f6f6! important;}" el_id = "themeforestpro"] [vc_column width = "3/4" css = ". vc_custom_1502759058885 {margin-bottom: 0 ! important; border-bottom-width: 0px! important; padding-bottom: 0px! important;} "] [vc_column_text]

Divi: cea mai ușoară temă WordPress de utilizat

[/ vc_column_text] [/ vc_column] [vc_column width = "1/4"] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&tid1=divibeforepostmobile" target = "blank" size = "small" align = "center" color = "green" font_family = "Raleway" font_weight = "600" style = "flat" custom_color = "# ffffff" custom_hover_color = "# ffffff"] DOWNLOAD [/ vcex_button] [/ vc_column] [/ vc_row]

Divi: cea mai bună temă WordPress din toate timpurile!

mai mult Descărcări 901.000, Divi este cea mai populară temă WordPress din lume. Este completă, ușor de folosit și are mai mult de șabloane gratuite 62.

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.

paragrafe de liniuță 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.

Alinierea paragrafelor pe wordpress

Î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:

Textul dvs. de paragraf merge aici ...

Indentare manuală a paragrafului pe wordpress

Creați cu ușurință site-ul dvs. web cu Elementor

Elementor vă permite să creați Ușor și Gratuit orice site web sau design de blog cu aspect profesional. Nu mai plătiți mult pentru un site web pe care îl puteți face singur.

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.

Exemplu indentare paragraf

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

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

Wordpress personalizator CSS suplimentar

Vrei să-ți vinzi produsele pe internet?

Descărcați gratuit WooCommerce, cele mai bune pluginuri de comerț electronic pentru a vă vinde produsele fizice și digitale pe WordPress și pentru a vă crea cu ușurință magazinul online. Perfect pentru incepatori.

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-liniuță: 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.

Apoi puteți merge și edita articolul dvs. în editorul de text. Apoi, înconjoară textul cu etichete și 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.

Spațiere în fața unui paragraf

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:

articolul 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 ...).Yellowpencil vizual css stil editor plugin wordpress

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 

Acest plugin premium WordPress este un puternic editor de cod CSS și Javascript care vă permite să le adăugați în orice secțiune a site-ului dvs. web. Vă permite să vă păstrați personalizările chiar și după o actualizare majoră a temei dvs. WordPress. Plugin personalizat ușor de personalizat pentru WordPress și CS suplimentar

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

3. Custom JS și CSS pentru Gutenberg

Pluginul WordPress Custom JS și CSS pentru Gutenberg vă va permite să adăugați un număr nelimitat de stiluri personalizate editorului WYSIWYG pentru postările și paginile dvs. WordPress. Este pe deplin compatibil cu versiunea Gutenberg a WordPress.Js și CSS personalizate pentru pluginul Gutenberg Wordpress

Puteți crea pur și simplu un stil nou cu un editor CSS ușor de utilizat. Acest plugin extinde funcționalitatea câmpurilor personalizate de pe site-ul dvs. și vă oferă posibilitatea de a modifica câmpurile personalizate cu un modul de personalizare dinamic și puternic. iar funcția de previzualizare în timp real a acestui plugin îl face foarte confortabil și ușor de utilizat.

Descarca | Demo | web hosting

Resurse recomandate

Descoperă alte resurse recomandate care te vor ajuta mai bine preia controlul asupra editorului de text vizual.  

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.

... 

17 acțiuni
acțiune14
tweet1
Registru2