Ați observat vreodată cum unele site-uri web au conținut perfect spațiat, ușor de scanat, în timp ce altele par aglomerate și greu de citit?
Secretul se reduce adesea la ceva simplu: linii noi și spațiere corecte.
Dacă ați adăugat vreodată întreruperi de linie în editorul dvs. WordPress doar pentru a constata că nu apar pe pagina publicată, cu siguranță nu sunteți singur. WordPress gestionează spațierea puțin diferit față de procesoarele de text precum Google Docs sau Microsoft Word.
Odată ce înțelegi cum funcționează, vei avea control complet asupra aspectului conținutului tău.
Vă vom arăta mai multe metode fiabile pentru a adăuga linii noi în WordPress, de la scurtături rapide la opțiuni de formatare mai avansate.
De ce să adăugați o linie nouă în WordPress (spațiere nouă)?
La prima vedere, o linie nouă ar putea părea o alegere minoră de formatare – dar poate avea un impact mare asupra modului în care performează conținutul dvs.
De la îmbunătățirea lizibilității la creșterea experienței utilizatorului, adăugarea unei spațieri adecvate ajută paginile dvs. să arate curate și profesionale. Iată de ce contează:
- Lizibilitate îmbunătățită: Desparte blocurile mari de text pentru o scanare mai ușoară.
- Prietenos cu mobilul: Păstrează conținutul clar pe ecrane mai mici.
- Remediază textul lipit: Curăță formatarea din alte surse.
- Atrage atenția: Ajută la evidențierea sfaturilor și a CTA-urilor.
Pe scurt, liniile noi fac conținutul dvs. mai ușor de citit și mai captivant – atât pentru vizitatori, cât și pentru motoarele de căutare.
Notă: Înainte de a începe, este important să știți că spațierea liniilor este controlată de tema WordPress pe care o utilizați.
Vă vom arăta cum să adăugați spațiu între blocuri în editorul de blocuri, apoi vom acoperi cum să ajustați spațierea liniilor în tema dvs. dacă nu sunteți mulțumit de rezultatele implicite.
Acestea fiind spuse, să vedem cum să adăugați cu ușurință o linie nouă în WordPress.
- Cum să adăugați spațiu dublu între blocuri
- Cum să adăugați un spațiu de o singură linie
- Cea mai ușoară metodă: Folosind blocul Spacer
- Modifying the Line Height and Spacing
- Tutorial video
Cum să adăugați spațiu dublu între blocuri
Când apeși tasta Enter pentru Windows sau tasta Return pentru Mac de pe tastatură pentru a adăuga o linie nouă, WordPress o consideră un nou paragraf.
Acest lucru înseamnă că va adăuga automat un spațiu dublu între linii. Cantitatea de spațiere este controlată de tema dvs., iar acest stil este o caracteristică standard în toate temele WordPress bune.
Pur și simplu mergeți la editorul de conținut, apăsați tasta Enter sau Return după linie, apoi tastați altceva pe linia următoare.
Făcând pur și simplu asta, în funcție de stilul temei tale, ar trebui să vezi o distincție clară între paragrafe.
Cum să adăugați un spațiu de o singură linie
Acum, dacă scrieți ceva de genul unei adrese, probabil că doriți ca aceasta să fie la un singur spațiu în loc de dublu spațiu pe site-ul dvs. WordPress.
În acest caz, trebuie să apăsați tasta SHIFT + ENTER pe Windows sau tasta SHIFT + RETURN pe Mac.
Acest lucru îi spune WordPress că doriți să începeți o nouă linie în același paragraf. Această acțiune creează o singură pauză de linie în loc de spațiul dublu utilizat pentru un nou paragraf.
Cea mai ușoară metodă: Folosind blocul Spacer
Pentru o metodă simplă, fără cod, de a adăuga spațiu suplimentar între oricare două blocuri, cea mai ușoară metodă este să utilizați blocul Spacer încorporat.
Pur și simplu faceți clic pe butonul „Adăugare bloc” din editor pentru a adăuga un nou bloc și căutați „Spacer”. Odată ce îl adăugați, va apărea un nou spațiu gol pe pagina dvs.
Puteți apoi să faceți clic pe separator și să trageți mânerul albastru în sus sau în jos pentru a-i ajusta înălțimea.
Acest lucru vă oferă control precis asupra spațierii verticale chiar în editor.
Modificarea înălțimii și spațiului dintre linii
Uneori, chiar și atunci când adăugați spațierea corectă în editor, aceasta nu se afișează așa cum doriți în tema dvs.
Există două moduri de a remedia acest lucru:
- Utilizarea unui plugin (calea ușoară)
- Manual cu cod CSS (mai avansat)
Să ne uităm mai întâi la metoda ușoară.
Adăugarea spațiului între linii folosind un plugin
Dacă doriți să faceți modificări de stil temei dvs. fără a fi nevoie să învățați coduri, utilizarea unui plugin precum CSS Hero este cea mai bună modalitate de a face acest lucru.
CSS Hero face parte din soluțiile care simplifică modificarea designului site-ului tău WordPress fără a fi nevoie să cunoști coduri.
Puteți vedea mai multe detalii în recenzia noastră completă despre CSS Hero.
Dacă dorești să faci modificări mai mari la tema ta, cum ar fi mutarea unei bare laterale sau adăugarea unui subsol, atunci un plugin constructor de pagini drag-and-drop ar fi o opțiune mai bună. Un plugin constructor de pagini ți-ar permite, de asemenea, să faci ajustări minore, cum ar fi schimbarea culorilor fontului sau adăugarea de noi linii în WordPress.
Nu doriți să folosiți un plugin sau doriți doar să faceți această singură modificare? Atunci, opțiunea de cod CSS manual ar putea fi cea mai bună pentru dvs.
Modificarea spațiului dintre paragrafe manual cu cod CSS
Pentru a adăuga întreruperi de rând manual, fără un plugin, trebuie să adaugi niște CSS la tema ta.
CSS-ul este practic ca funcția de formatare din Microsoft Word. În loc să faceți clic pe butoane, veți scrie un cod CSS simplu. Nu este la fel de înfricoșător pe cât cred unii începători. CSS-ul este foarte ușor de înțeles dacă urmați doar instrucțiunile.
Pentru a adăuga CSS personalizat temei dvs., trebuie să vizitați pagina Aspect » Personalizare. Aceasta va lansa personalizatorul de teme WordPress, unde trebuie să faceți clic pe fila „CSS suplimentar” din coloana din stânga.
Dacă nu vedeți aceste opțiuni de meniu, este posibil să utilizați o temă bazată pe blocuri. Vă rugăm să consultați articolul nostru despre cum să remediați lipsa personalizatorului de temă în administratorul WordPress.
În caseta CSS personalizat, trebuie să adăugați următorul cod CSS:
Acest cod vizează toate elementele de paragraf (p) în mod specific în zona de conținut principal a postărilor dvs., pe care WordPress o identifică adesea cu clasa .post. Acest lucru asigură că afectează doar articolele dvs.
.post p{line-height: 1.5em;}Regula CSS prezentată mai sus va schimba spațierea între liniile de conținut al paragrafului la 1,5em. Em este o unitate de lățime pentru tipografie.
Acum, aceasta modifică doar spațierea pentru spațierea pe un singur rând.
Dacă dorești să schimbi spațierea paragrafelor în WordPress (adică spațiere dublă), atunci va trebui să adaugi padding.
.post p {
line-height: 1.5em;
padding-bottom: 15px;
}
Simțiți-vă liber să ajustați numerele din acest cod CSS. Modificarea valorii padding-bottom va schimba spațiul dintre paragrafele dvs.
Puteți adăuga, de asemenea, CSS personalizat pe site-ul dvs. folosind pluginul WPCode. Pluginul face foarte ușor să inserați și să gestionați codul pe site-ul dvs.
Pentru mai multe detalii, vă rugăm să consultați ghidul nostru despre cum să adăugați CSS personalizat pe site-ul dvs. WordPress.
Dacă nu vă place să citiți instrucțiunile, atunci urmăriți tutorialul nostru video.
Tutorial video
Pentru o prezentare vizuală, puteți viziona tutorialul nostru video de mai jos. Acesta acoperă toate metodele pe care le-am discutat pentru adăugarea spațierii simple și duble între linii în conținutul dvs.
Sperăm că acest articol v-a ajutat să adăugați o linie nouă în WordPress. S-ar putea să doriți să consultați și ghidul nostru despre cum să folosiți modele de blocuri WordPress și lista noastră cu cele mai bune teme WordPress compatibile cu Gutenberg.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.
Ralph
Aceasta a fost o problemă uriașă în vechiul creator. Nu știam niciodată cum va arăta și trebuia să apăs previzualizare la fiecare câteva rânduri, dar cred că cu Gutenberg este mult mai ușor și am învățat să folosesc pur și simplu shift+enter. Fac asta automat și aproape fără conștientizare. Nu știu de ce, dar unele site-uri nu permit shift+enter, doar enter sau deloc, și atunci mă gândesc „DE CE nu funcționează”!
Deepak Sahani
Superb video & post mi-a rezolvat întrebarea.
Suport WPBeginner
Glad our guide could be helpful!
Admin
Jennyfer
Mulțumesc mult pentru aceste informații! Foarte util. Exact ce căutam.
Suport WPBeginner
Glad our guide was helpful
Admin
Colleen Cochran
În cele din urmă am înțeles cum funcționează combinația Shift-Enter pentru spațierea simplă a liniilor în poezie, dar când postarea este publicată și trimisă prin e-mail abonaților, formatarea se pierde și toate liniile se unesc. Cum pot rezolva asta?
Suport WPBeginner
Ar trebui să verificați cu instrumentul utilizat pentru trimiterea notificării pentru stilizarea rezolvării acelei probleme.
Admin
Luiz
Mulțumesc! Foarte util!
Suport WPBeginner
You’re welcome
Admin
Robin
Foarte util! Mulțumesc!!
Suport WPBeginner
You’re welcome
Admin
Dhirendra
Vreo opțiune pentru a reduce spațiul dintre imagini...
Suport WPBeginner
Ar depinde de imaginea specifică, dar ca punct de plecare pentru a găsi ce cauzează spațiul, ar trebui să consultați ghidul nostru de mai jos:
https://014.leahstevensyj.workers.dev/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Admin
jan van den hoed
Mulțumesc pentru explicație. O întrebare totuși. Cum pot face același lucru pe un smartphone. Îmi editez blogul pe drum și nu am un laptop disponibil. Am încercat să apăs Shift Enter, dar nu a funcționat.
Suport WPBeginner
Datorită limitărilor dispozitivelor mobile, probabil că va trebui să folosești metoda CSS.
Admin
Val
Mulțumesc mult, a fost de mare ajutor. M-am chinuit cu spațierea!
Suport WPBeginner
Glad our guide was helpful
Admin
Stephen
Mulțumesc, a ajutat foarte mult.
Suport WPBeginner
Glad our article was helpful
Admin
Douglas Daniel
Pentru a schimba CSS-ul, îmi spune că trebuie să cumpăr un plan premium. Sunt ghinionist?
Suport WPBeginner
Se pare că sunteți pe WordPress.com, iar acest tutorial este pentru site-urile WordPress.org:
https://014.leahstevensyj.workers.dev/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
ați fi, din păcate, limitați la celelalte opțiuni, cum ar fi Shift+Enter pentru a spația conținutul pe o singură linie.
Admin
SOO
Mulțumesc! Util!!
Suport WPBeginner
You’re welcome, glad our article could help
Admin
Rebecca
Nu a funcționat pentru mine. Există motive pentru care nu ar funcționa?
Suport WPBeginner
Dacă folosești un plugin de page builder, acesta ar putea avea o metodă diferită pentru spațierea pe un singur rând/două rânduri. Altfel, ar putea fi un conflict de plugin/temă unde va trebui să dezactivezi pluginurile și/sau să schimbi tema pentru a verifica.
Admin
Tim G
Aș dori să reduc spațierea dintre liniile normale ale paragrafelor — IMHO, există prea mult spațiu alb implicit. Aș dori, de asemenea, să adaug o jumătate de linie la sfârșitul unui paragraf, mai degrabă decât o linie completă: Wordpress implicit pare să facă echivalentul unei duble apăsări de Enter, ceea ce este destul de secolul XX și nu emulează ceea ce poate face Word. Aveți idei?
Suport WPBeginner
You would want to reach out to the support for your specific theme and they should be able to tell you what CSS needs to be added to reduce your line spacing
Admin
sofar ahmad
Mulțumesc mult
foarte util
Suport WPBeginner
Glad our guide could be helpful
Admin
Sumeet
mulțumesc, asta căutam, m-a ajutat…
Suport WPBeginner
Glad our article helped
Admin
Jen
Dumnezeu să te binecuvânteze! Sunt atât de recunoscător că ați postat acest lucru cu CSS! Cine ar fi crezut că asta era tot ce era necesar pentru a schimba spațierea! Căutam ceva de genul acesta de mult timp! Vă mulțumesc mult!
Suport WPBeginner
Glad our article could help you
Admin
Kathy
Folosesc metoda „shift” enter, dar nu permite dimensiuni de font diferite când o fac. Există o soluție?
Suport WPBeginner
Salut Kathy,
Vă rugăm să consultați ghidul nostru despre cum să schimbi dimensiunile fontului în WordPress.
Admin
Lora Staples
Video GROZAV. Mi-a plăcut conținutul, ritmul și tonul vorbitorului. MULȚUMESC!
Kunal Khandelwal
Thank you so much for this suggestion. Didn’t know it was so easy