Doriți să adăugați conținut cu mai multe coloane la postările dvs. WordPress?

Coloanele pot fi utilizate pentru a crea Aspecte atractive pentru publicațiile și paginile dvs..

Mass-media tipărită tradițională, cum ar fi ziare și reviste, au folosit un aspect cu mai multe coloane din primele zile de tipărire. Scopul lor era să permită utilizatorii mai ușor de citit un text mai mic în timp ce utilizați spațiul disponibil economic.

Dacă nu ați creat încă un site web sau un blog pe WordPress, vă invităm să consultați Cum se instalează un blog WordPress în 7 pași în continuare, Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs.

Aspectele cu o singură coloană sunt mai frecvent utilizate pe web. Însă grile cu mai multe coloane sunt încă utile pentru evidențierea conținutului și facilitarea lecturii și analizei.

În acest tutorial, vă vom arăta cum să adăugați cu ușurință conținut cu mai multe coloane la postările dvs. WordPress, fără a scrie cod HTML.

Adăugarea de conținut cu mai multe coloane în WordPress - Soluția ușoară

Crearea de conținut cu mai multe coloane, cunoscut și sub numele de conținut de grilă în WordPress, este acum ușor, deoarece este o caracteristică implicită. nou editor de blocuri WordPress Gutenberg propune un bloc de coloane.

Pentru a adăuga un aspect cu mai multe coloane, trebuie să creați o postare nouă sau să o modificați. Odată ajuns în zona de editare, faceți clic pe „ Add-On În partea de sus pentru a adăuga un bloc.

Apoi, trebuie să selectați blocul coloane „Situat sub fila„ Elemente de aspect ”.

Veți vedea indicatorul mouse-ului sărit în coloana din stânga și un simbol pentru text va apărea în coloana din dreapta.

După cum puteți vedea în captura de ecran de mai sus, blocul Coloane la început pare a fi o zonă goală. Dacă plasați mouse-ul spre stânga, puteți vedea marginea blocului evidențiat.

De asemenea, veți putea vedea parametrii blocului în coloana din dreapta a ecranului.

În mod implicit, blocul de coloane adaugă două coloane. Puteți crește numărul de coloane pe care doriți să le adăugați din setările blocurilor din dreapta. Acest lucru vă permite să adăugați până la șase coloane pe un singur rând.

Doar faceți clic pe o coloană și începeți să tastați pentru a adăuga conținut. Puteți utiliza tasta Tab de pe tastatură pentru a trece la coloana următoare.

Adăugarea de conținut multimedia și alt conținut la coloanele dvs.

Pe lângă conținutul text, puteți adăuga și imagini și încorpora videoclipuri în coloanele WordPress.

Blocul de coloane vă permite să adăugați blocuri în interiorul fiecărei coloane. Doar plasați mouse-ul peste o coloană și veți observa „Adăugați un bloc nou„În interior. Puteți adăuga și un bloc introducând numele blocului.

Blocul selectat va apărea în coloană. Puteți merge acolo și adăuga conținut.

Pentru a încărca - încărca - media, descoperiți articolul nostru pe Cum se încarcă mass-media în WordPress

Așa ar putea arăta noua ta coloană în WordPress temă implicit Twenty Nineteen. În acest exemplu, folosim trei coloane, iar ultima coloană conține o imagine.

Dacă doriți doar să adăugați o imagine și text într-o parte, puteți utiliza și blocul Media și text În loc de coloane. Acest bloc este conceput special pentru a afișa suporturi, cum ar fi imagini și videoclipuri de lângă text.

Adăugarea mai multor coloane în editorul clasic al WordPress

Dacă nu ați actualizat WordPress la Gutenberg și utilizați în continuareredactor clasictrebuie să instalați un plugin separat pentru a crea un layout grilă de coloane.

Începeți prin instalarea și activarea pluginului Coloanele grilei ușoare. 

Pentru instrucțiuni detaliate, urmați ghidul nostru pas cu pas despre cum pentru a instala un plugin în WordPress.

După activare, puteți crea un mesaj nou sau puteți deschide un mesaj vechi de editat. Apoi faceți clic pe „ Adăugați coloane În bara de instrumente a editorului vizual.

Veți vedea acum o fereastră pop-up care vă permite să adăugați prima coloană. Puteți alege cât de multă zonă poate acoperi coloana dvs., pe desktopuri, tablete și dispozitive mobile în mod diferit.

Mergeți mai departe descoperind Cum de a crea o pagină cu lățime întreagă pe WordPress

De exemplu, dacă setați procentul de grilă desktop 50%, coloana dvs. va acoperi jumătate din linie.

Are multe opțiuni pentru a seta lățimea coloanei dvs., de la 5% la 100% cu un interval 5. Puteți alege unul făcând clic pe meniul derulant.

Apoi, trebuie să adăugați conținutul coloanei dvs. în zona „Conținut”, apoi să faceți clic pe butonul „OK” pentru a-l insera în publicația dvs.

Pluginul va genera codul scurt necesar cu conținutul dvs. și îl va adăuga la editorul de postări.

Descoperiți în acest tutorial Cum se instalează și se configurează plugin-ul WP Super Cache pentru a îmbunătăți performanța blogului tău.

Acum că prima dvs. coloană este adăugată, puteți repeta procesul pentru a adăuga mai multe coloane. Pentru ultima coloană, nu uitați să bifați caseta „Ultima coloană a liniei".

După aceea, veți putea salva previzualizarea și previzualiza. Iată cum arată pe site-ul nostru de douăzeci și șaptesprezece teste.

Dacă doriți, de asemenea, să găsiți teme WordPress care vă pot ajuta să creați coloane în paginile sau publicațiile dvs., iată 3 teme WordPress premiu perfect pentru această sarcină.

1. TheGem

Sunt multe Teme WordPress care poate pretinde că oferă un aspect OnePage, dar niciunul nu poate oferi multitudinea de opțiuni și caracteristici pe care le are șablonul TheGem WordPress. 

Toate elementele de design pe care le asociați cu un site bun OnePage sunt prezente în acesta WordPress temă : un glisor pe ecran complet (care poate fi creat folosind plugin-ul Revolution Slider livrat cu WordPress temă), o alegere a șase stiluri de antet și capacitatea de a crea secțiuni cu lățime completă folosind pluginul Visual Composer inclus în pachet.

În plus, are o serie de opțiuni de personalizare pentru elemente precum fonturi, culori și icoane. Este un lucru rar, dar există și detalii care nu ne plac despre TheGem. Dar practic este o temă WordPress care vă va potrivi bineînțeles, având în vedere numărul de puncte pozitive pe care le are. Este un concurent puternic, care ar facilita crearea unui site web OnePage.

Descarca | Demo | web hosting

2. Stockholm

Stockholm este o temă WordPress concepută pentru a vă ajuta să creați site-ul web al unei companii de construcții, de inginerie civilă sau al oricărei companii care are legătură cu lumea renovării clădirilor. Acest WordPress șablon este orientat către profesioniști cărora le pasă de calitate și detalii.

Vine cu un panou de opțiuni și un backend ușor de utilizat, acestea vă vor permite să vă gestionați cu ușurință conținutul. Există aproximativ 20 de demonstrații ale acestui șablon care prezintă o gamă largă de activități pe care poate fi utilizată această temă WordPress. Și acestea pot fi folosite și ca bază pentru personalizarea viitoare, astfel încât site-ul dvs. web să aibă un aspect unic.

Foarte receptiv, este afișat perfect pe orice tip de ecran. Dacă în timpul personalizării sau instalării acestui șablon întâmpinați dificultăți, documentația completă inclusă în pachet poate servi drept ghid. Și dacă tot nu poți, suportul dedicat acestei teme WordPress rămâne la dispoziția ta.

Descarca | Demo | web hosting

3. Jupiter

Jupiter este o altă temă WordPress foarte populară. Are demo-uri 25 care acoperă 6 din categoriile noastre - agenție, creativitate, educație, dietă, sănătate și comerț electronic - și vor fi adăugate la acesta în viitoarele actualizări. Cele mai multe machete au un design minimalist, cu o tipografie plăcută.

Unul dintre punctele principale de vânzare ale lui Jupiter este personalizatorul său de antet creativ, care vă permite să personalizați rapid și ușor designul anteturilor site-ului dvs. web. Visual Composer, glisierele 3 (Layer, Revolution și iCarousel), noile shortcodes 10, mai mult de pictogramele 1800 și tipurile de posturi personalizate 10 sunt incluse la livrare.

Timpii de încărcare a paginii sale sunt, de asemenea, excelente. Acesta este un produs superb și veți fi greu să găsiți atât de multe Teme WordPress având caracteristicile sale.

Descarca | Demo | web hosting

Alte resurse recomandate

Pentru a merge mai departe în optimizarea blogului sau a site-ului dvs., vă sugerăm, de asemenea, să consultați câteva linkuri care vă vor scufunda în lumea Gutenberg

• Cum să vă pregătiți site-ul pentru Gutenberg 
• Cum știu dacă plugin-ul dvs. este compatibil cu Gutenberg?
• Gutenberg va îmbunătăți sau va sparge WordPress?

Concluzie

Aici ! Gata pentru acest tutorial. Sperăm că acest articol v-a ajutat să aflați cum să adăugați coloane la postările și paginile dvs. WordPress. simte-te liber sa împărtășește acest tutorial cu prietenii de pe rețelele de socializare.

Dacă aveți sugestii sau comentarii, acestea vor fi binevenite. Dar dacă sunteți novici, vă invităm să ne consultați Resurse.

...