Cum să faci coloane în WordPress fără plugin

Organizarea conținutului în coloane este o simplă simplă datorită blocului Coloane WordPress. Acest bloc aparține blocurilor de bază care ar putea fi utilizate în fiecare temă WP. Blocul de coloane poate avea până la 6 coloane. Prin urmare, puteți avea 6 conținuturi diferite unul lângă altul.

Astăzi vă vom arăta cum să faceți coloane în WordPress fără plugin - folosind blocul Coloane. Vă aducem și un rezumat al cele mai noi caracteristici din versiunea WP 5.3 Actualizați.

În acest tutorial veți găsi informații despre:

• Care este scopul coloanelor
• Cum funcționau coloanele în vechiul editor
• Cum să faci coloane în WordPress fără plugin (în editorul bloc)
• Setările de bază pentru coloane blochează
• Cum să lucrați cu blocul Coloane WordPress
• Cum să editați blocuri imbricate
• Coloanele blochează avantajele

Care este scopul coloanelor

Coloanele de pe site-ul web pot avea aplicații multiple. În primul rând, pot face conținutul bine aranjat, mai lizibil și mai ușor de navigat. Prin organizarea conținutului în coloane puteți evidenția informații sau parametri importanți.

De exemplu, puteți utiliza aspectul cu mai multe coloane pentru a vă prezenta serviciile. Adăugați acolo imagine ilustrativă, descriere sau buton. Desigur, puteți face clic pe imagine.

În mod similar cu serviciile, puteți utiliza coloane pe WordPress pentru a afișa produse sau categorii de produse. Este ideal dacă aveți un site web de afaceri simplu.

În postările de blog puteți folosi coloane pentru a separa conținutul. Puteți plasa text, marcatori sau imagini unul lângă altul.

Cum funcționau coloanele în vechiul editor

Înainte de WordPress 5+ dacă doreai să faci conținut pe mai multe coloane, trebuia să folosești tabele. A fost mult mai dificil decât în cel mai nou editor. Mai mult, a existat de obicei o problemă cu stilurile și afișarea tabelelor pe dispozitivele mobile. Cum mergea înainte?

Ați avut mai multe opțiuni despre cum să creați coloane pe site-ul WordPress:

1. Inserați manual codul HTML în editorul de text

<table>
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>

Această abordare a fost folosită în principal de dezvoltatori, care au putut crea rapid tabele sau coloane în funcție de cerințele lor. Dezavantajul a fost că nu toate temele WordPress puteau gestiona bine coloanele. Tabelele nu erau de obicei perfecte, iar utilizatorul mediu nu putea rezolva cu ușurință toate problemele posibile.

2. Permiterea tabelelor în editorul WordPress

Deoarece WordPress a folosit editorul TinyMCE, a fost posibil să se permită funcțiilor să editeze tabelele. Dacă sunteți interesat să aflați mai multe, puteți găsi toate detaliile pe acest forum. În cazul în care faceți același lucru pentru temele noastre AIT, tabelele vor funcționa corect.

3. Utilizarea elementului Coloane în temele AIT

Dacă utilizați una dintre temele noastre mai vechi WordPress, cu siguranță cunoașteți elementul Coloane. Acest element poate fi folosit pentru a adăuga coloane în interiorul paginilor. Este un element care poate fi comandat, ceea ce înseamnă că îl puteți plasa oriunde aveți nevoie. Avantajul este variabilitatea în interiorul paginilor.

4. Descărcați pluginul terță parte pentru a gestiona tabelele

O altă soluție pentru a crea coloane în postările și paginile WordPress a fost descărcarea unuia dintre pluginurile disponibile pentru crearea tabelelor. Aceste pluginuri permit adăugarea de coloane/tabele folosind câteva clicuri fără nicio codificare. Acest lucru a fost posibil și de către utilizatorii mai puțin experimentați.

Cum să faci coloane în WordPress fără plugin (în editorul bloc)

Datorită noului editor de blocuri, crearea coloanelor a devenit extrem de ușoară. Dacă încă folosiți vechiul WordPress, acum este momentul potrivit pentru a actualiza la cea mai nouă versiune. Veți putea să adăugați și să gestionați coloane simplu, în câteva clicuri folosind Blocul coloane.

Acest bloc este o schimbare binevenită pentru toți cei care doresc să lucreze cu conținut pe mai multe coloane, să prezinte produse sau să scrie blog și nu au experiență în programare.

Să aruncăm o privire la cum să adăugați blocul Coloane și cum să creați coloane în WordPress fără plugin:

• Prima opțiune este să faceți clic pe „+” în bara de sus și să selectați Bloc de coloane din blocurile disponibile.
• A doua opțiune este să faceți clic pe „+” oriunde în editor.

Aspecte predefinite ale blocului Coloane WordPress (NOU de la WP 5.3)

Cea mai recentă versiune a adus îmbunătățiri uriașe în setările coloanelor. În primul rând, sunt disponibile stiluri implicite de aspect. Ce înseamnă?

Utilizatorii își pot alege aspectul și stilul de aliniere în procesul de adăugare a unui nou bloc în zona de conținut. Aspectele predefinite pot fi foarte utile – mai ales pentru acei utilizatori care nu au abilități avansate de WordPress. Această caracteristică reprezintă modul în care ne imaginăm modul de a crea coloane în WordPress (fără plugin sau orice alt add-on).

 

Dacă nu doriți să alegeți un aspect predefinit în blocul Coloane WordPress, omiteți-l. După omiterea acestui pas, conținutul va fi separat în 2 părți/două coloane individuale care pot fi editate.

Coloane Blocați setările de bază

Blocarea coloanelor WordPress în sine nu are multe opțiuni. De ce este așa, vom explica mai târziu. În bara de sus puteți schimba alinierea la lățime sau lățime completă. Puteți modifica această aliniere dacă este acceptată de tema dvs. activă.

Cea mai importantă setare a blocului Coloane este numărul de coloane din bara laterală a inspectorului din partea dreaptă. În mod implicit, există 2 coloane, dar puteți crește acest număr la 6. Puteți să îl schimbați folosind mouse-ul sau să introduceți un număr. Cum arată veți vedea imediat după creșterea sau scăderea coloanelor. Blocul se schimbă dinamic în funcție de glisor.

Este foarte practic, deoarece schimbați numărul de coloane literalmente în câteva secunde, fără modificări dificile ale setărilor sau codării.

Similar altor blocuri din editorul WordPress, puteți insera clasă CSS personalizată și în blocul Coloane.

Adăugător de blocuri pentru o muncă mai lină cu blocuri

Blocul de coloane este special, deoarece puteți crea mai multe blocuri cu el. Până la lansarea unei noi versiuni, era destul de greu să lucrezi cu blocuri individuale. Când ați vrut să adăugați un bloc, nu ați știut exact unde să faceți clic. Datorită Block appender (și diferențierea acestuia prin culoarea de fundal) este mai ușor să inserați conținut în coloana potrivită.

Cum să lucrați cu WordPress Columns Block

Blocul Frumusețea coloanelor este că fiecare coloană poate cuibărește alte blocuri. Poate fi Paragraf, Bloc imagine sau bloc buton. Numărul maxim de coloane este de 6, prin urmare puteți crea conținut pe mai multe coloane după cum aveți nevoie. După cum am menționat mai devreme, pentru a prezenta produsele puteți adăuga imaginea produsului, numele, prețul și butonul unul lângă altul.

De asemenea, puteți utiliza mai multe blocuri de coloane unul sub altul pentru a crea grila. Îl puteți folosi pentru a vă prezenta serviciile sau pentru a promova caracteristici importante.

Editarea blocurilor imbricate

După cum am menționat deja, puteți imbrica alte blocuri în interiorul coloanelor. Fiecare bloc imbricat are toate setările sale disponibile. Aceasta înseamnă că, dacă adăugați bloc de imagine în coloană, îl puteți edita exact în același mod ca și în mod independent Bloc de imagine.

Concluzie: Coloanele blochează avantajele

Lansarea editorului de blocuri WordPress și disponibilitatea utilizării coloanelor în pagini și postări au simplificat semnificativ modul în care utilizatorii pot lucra cu conținutul. Datorită blocării Coloane WordPress, nu mai este important să folosiți soluții terțe sau să scrieți cod HTML. Adăugarea sau ștergerea coloanelor este posibilă folosind câteva clicuri. Totul este foarte intuitiv și rapid și pentru utilizatorii mai puțin tehnicieni.

Conținutul dvs. în aspectul cu mai multe coloane va fi bine aliniat în grilă. De asemenea, va arăta bine în versiunea responsive imediat.

Lucram din greu la noua temă WordPress Citadela, care este dezvoltată special pentru editorul de blocuri WordPress. Aflați mai multe despre tema Citadela și pachetele de aspect disponibile.