Želite li u svoje postove u WordPressu dodati sadržaj s više stupaca?

Stupci se mogu koristiti za stvaranje Atraktivni izgled za vaše publikacije i stranice.

Tradicionalni tiskani mediji, poput novina i časopisa, koristili su raspored s više stupaca od najranijih dana tiskanja. Cilj im je bio omogućiti Korisnici lakše čitati manji tekst dok ekonomski koristite raspoloživi prostor.

Ako još niste kreirali web stranicu ili blog na WordPressu, pozivamo vas da pogledate Kako instalirati WordPress blog u 7 sljedećih koraka, Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog

Izgledi s jednim stupcem češće se koriste na webu. Međutim rešetke s više stupaca i dalje su korisni za isticanje sadržaja i olakšavanje čitanja i analize.

U ovom će vam vodiču pokazati kako jednostavno dodavati sadržaj sa više stupaca u svoje postove u WordPressu bez pisanja bilo kojeg HTML koda.

Dodavanje sadržaja s više stupaca u WordPress - jednostavno rješenje

Stvaranje sadržaja s više stupaca, koji se u WordPressu naziva i mrežnim sadržajem, sada je jednostavno jer je to zadana značajka. The novi uređivač blokova za WordPress Gutenberg predlaže blok stupaca.

Da biste dodali izgled višestrukih stupaca, morate stvoriti novi post ili ga urediti. Jednom u području za uređivanje kliknite na " Dodaj On Na vrhu dodati blok.

Tada morate odabrati blok stupovi "Smješteno na kartici" Elementi izgleda ".

Vidjet ćete skok pokazivača miša u lijevom stupcu, a u desnom stupcu će se pojaviti rezervirano mjesto za tekst.

Kao što možete vidjeti na gornjoj snimci zaslona, ​​blok Kolona isprva se čini da je prazno područje. Ako miš zadržite ulijevo, vidjet ćete granicu označenog bloka.

Također ćete moći vidjeti parametre bloka u desnom stupcu zaslona.

Prema zadanim postavkama blok stupaca dodaje dva stupca. Broj stupaca koje želite dodati možete povećati iz postavki bloka s desne strane. To vam omogućuje dodavanje do šest stupaca u jedan redak.

Samo kliknite stupac i počnite tipkati da biste dodali sadržaj. Pomoću tipke Tab na tipkovnici možete prijeći na sljedeći stupac.

Dodavanje multimedijskog i drugog sadržaja u vaše stupce

Osim tekstualnog sadržaja, u WordPress stupce možete dodati i slike te ugraditi videozapise.

Blok stupca omogućuje vam dodavanje blokova unutar svakog stupca. Samo zadržite miš iznad stupca i primijetit ćete "Dodajte novi blok„Unutar. Blok možete dodati i unosom imena bloka.

Vaš odabrani blok pojavit će se u stupcu. Možete otići tamo i dodati sadržaj.

Za upload - upload - vaših medija, otkrijte naš članak na Kako prenijeti skupni medij na WordPress

Ovako bi vaša nova kolumna mogla izgledati u WordPress tema zadano Dvadeset devetnaest. U ovom primjeru koristimo tri stupca, a posljednji stupac sadrži sliku.

Ako samo želite dodati sliku i tekst sa strane, možete koristiti i blok Mediji i tekst Umjesto stupaca. Ovaj je blok dizajniran posebno za prikaz medija kao što su slike i videozapisi pored teksta.

Dodavanje nekoliko stupaca u klasičnom uređivaču WordPress

Ako niste nadogradili WordPress na Gutenberg i još uvijek koristiteklasični urednikmorate stvoriti zasebni dodatak za stvaranje mrežnog izgleda stupaca.

Započnite instaliranjem i aktiviranjem dodatka Lagane mrežne stupce. 

Za detaljne upute slijedite naš detaljni vodič o tome kako instalirati dodatak u WordPress.

Nakon aktivacije možete stvoriti novu poruku ili otvoriti staru za uređivanje. Zatim kliknite na " Dodajte stupce U alatnoj traci vizualnog uređivača.

Sada ćete vidjeti skočni prozor koji vam omogućuje dodavanje prvog stupca. Možete odabrati koliko površine može pokrivati ​​vaš stupac na stolnim računalima, tabletima i mobilnim uređajima na drugačiji način.

Idite dalje otkrivanjem Kako stvoriti punu širinu stranice na WordPress

Na primjer, ako postavite postotak mreže na stolnoj mreži 50%, vaš će stupac pokrivati ​​polovicu retka.

Ima mnogo opcija za postavljanje širine vašeg stupca, od 5% do 100% s intervalom 5. Možete ga odabrati klikom na padajući izbornik.

Zatim morate dodati sadržaj stupca u područje "Sadržaj", a zatim kliknuti gumb "U redu" da biste ga umetnuli u svoju publikaciju.

Dodatak će generirati potrebni kratki kôd s vašim sadržajem i dodati ga u vaš uređivač postova.

Otkrijte u ovom udžbeniku Kako instalirati i konfigurirati plugin WP Super Cache poboljšati performanse svog bloga.

Sad kad je dodan vaš prvi stupac, možete ponoviti postupak da biste dodali još stupaca. Za zadnji stupac ne zaboravite potvrditi okvir 'Zadnji stupac retka'.

Nakon toga moći ćete spremiti vaš pregled i pregledati ga. Evo kako to izgleda na našoj web stranici za testiranje Dvadeset sedamnaest.

Ako također želite pronaći WordPress teme koje bi vam mogle pomoći pri stvaranju stupaca na svojim stranicama ili publikaciji, evo teme 3 WordPress premija pogodno za ovaj zadatak.

1. TheGem

Postoji mnogo WordPress teme koji može tvrditi da nudi OnePage izgled, ali nijedan ne može ponuditi obilje opcija i značajki koje TheGem WordPress predložak ima. 

Svi elementi dizajna koje povezujete s dobrim OnePage web-mjestom prisutni su ovdje WordPress tema : klizač preko cijelog zaslona (koji se može stvoriti pomoću dodatka Revolution Slider koji se isporučuje s WordPress tema), izbor od šest stilova zaglavlja i mogućnost stvaranja odjeljaka pune širine pomoću dodatka Visual Composer uključenog u paket.

Pored toga, ima niz mogućnosti prilagodbe za stavke poput fontova, boja i ikona. Rijetka je stvar, ali postoje i detalji koji nam se ne sviđaju u vezi s TheGemom. Ali u osnovi je to WordPress tema koja će vam, naravno, odgovarati s obzirom na broj pozitivnih bodova. Jaki je konkurent što bi olakšalo stvaranje web stranice OnePage.

Preuzmite | demo | Web hosting

2. Stockholm

Stockholm je WordPress tema osmišljena da vam pomogne u stvaranju web stranice građevinske tvrtke, niskogradnje ili bilo koje druge tvrtke povezane sa svijetom obnove zgrada. Ovaj WordPress predložak je usmjeren prema profesionalcima koji brinu o kvaliteti i detaljima.

Isporučuju se s opcijskom pločom i user-friendly pozadinom, omogućuju vam jednostavno upravljanje sadržajem. Postoji oko 20 demonstracija ovog predloška koji predstavljaju širok spektar aktivnosti na kojima se ova WordPress tema može koristiti. A oni se također mogu koristiti kao osnova za buduće prilagodbe tako da vaše web mjesto ima jedinstveni izgled.

Vrlo je osjetljiv, savršeno se prikazuje na bilo kojoj vrsti zaslona. Ako tijekom prilagodbe ili instalacije ovog predloška naiđete na poteškoće, kompletna dokumentacija uključena u paket može poslužiti kao vodič. A ako još uvijek ne možete, podrška posvećena ovoj temi WordPress ostaje na raspolaganju.

Preuzmite | demo | Web hosting

3. Jupiter

Jupiter je još jedna vrlo popularna WordPress tema. Ima 25 demonstracije koje pokrivaju 6 iz naših kategorija - agencije, kreativnost, obrazovanje, hrana, zdravlje i e-trgovina - i još će mu se toga dodati u budućim ažuriranjima. Većina dizajna ima minimalistički dizajn, ugodne tipografije.

Jedna od glavnih prodajnih mjesta Jupitera je Creative Creative Header Customizer koji vam omogućuje brzo i jednostavno prilagođavanje dizajna zaglavlja vaše web stranice. Visual Composer, 3 klizači (Sloj, Revolucija i iCarousel), 10 novi kratki kodovi, više od 1800 ikona i 10 prilagođene vrste posta uključeni su u dostavu.

Vrijeme učitavanja stranice također je izvrsno. Ovo je izvrstan proizvod i bit će vam teško pronaći ih toliko WordPress teme imajući svoje karakteristike.

Preuzmite | demo | Web hosting

Ostali preporučeni resursi

Da biste otišli dalje u optimizaciji svog bloga ili web stranice, također predlažemo da pogledate neke poveznice koje će vas uroniti u svijet Gutenberga

• Kako pripremiti svoju web stranicu za Gutenberg 
• Kako mogu znati je li vaš dodatak kompatibilan s Gutenbergom?
• Hoće li Gutenberg poboljšati ili prekinuti WordPress?

Zaključak

Ovdje! To je sve za ovaj vodič. Nadamo se da vam je ovaj članak pomogao da naučite kako dodavati stupce na svoje WordPress postove i stranice. slobodno se podijelite ovaj tutorial sa svojim prijateljima na svojim društvenim mrežama.

Ako imate prijedloge ili komentare, oni će biti dobrodošli. Ali ako ste novak, pozivamo vas da konzultirate naše sredstva.

...