Ž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
Evo kako bi vaš novi stupac mogao izgledati u zadanoj WordPress temi Twenty Nineteen. 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 tema za koje se može tvrditi da nude izgled OnePage, ali nijedna ne može ponuditi bogatstvo opcija i značajki dostupnih u templatu WordPress TheGem.
Svi elementi dizajna koje povezujete s dobrom web stranicom OnePage-a prisutni su u ovoj WordPress temi: klizač na cijelom zaslonu (koji se može kreirati pomoću dodatka Revolution Slider koji dolazi uz WordPress temu), izbor šest stilova zaglavlja i mogućnost stvaranja odjeljaka pune širine pomoću dodatka Visual Composer koji je uključen 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 kako bi vam pomogla da napravite web stranicu građevinske tvrtke, niskogradnje ili bilo koje tvrtke povezane sa svijetom obnove zgrada. Ovaj WordPress predložak namijenjen je 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 stranica također je izvrsno. Ovo je sjajan proizvod, a teško će biti pronaći toliko WordPress tema s njegovim karakteristikama.
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.
...