Ž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.
...
Bok, imam ovaj dodatak…. ali ne radi dobro, dogodi se:
Stvaram dva stupca, jedan manji za fotografiju, drugi veći za tekst, tako da je tekst samo 2 retka, ne u punoj visini stupca, prilikom spremanja JUMP teksta ispod fotografije, umjesto ostani u redu, vidi da kolona nestane ... ..
Što da radim? zašto se to događa, postoji još jedan bolji i jednostavniji plg-in od ovog ovdje?
Hvala, bio bih zahvalan na pomoći!
Pozdrav Irina,
Pokušajte aktivirati zadanu WordPress temu, ako sve funkcionira u redu, problem je u vašoj trenutnoj WordPress temi.
Također provjerite jeste li napravili ažuriranja dodataka.
Sve što mogu reći je da je ovo Geniale.
Djeluje vrlo dobro i zadovoljava sva moja očekivanja.
puno hvala (bcp)
Pozdrav,
Puno vam hvala, super je
Kako dodati boju u moj stupac?
Mercii
Pozdrav,
to možete učiniti pomoću prilagođenog CSS koda.
Pozdrav,
Nisam uspio zalijepiti tekst u stupac. Je li moguće ?
Pozdrav,
Kako postupiti?
Kopirao sam dio teksta i pokušao zalijepiti CRTL + V, ali bez uspjeha. Kontekstni izbornik s desnim klikom ne nudi lijepljenje.
Nisam našao drugo rješenje osim da sve pretipkam ...
Žao nam je zbog kasnog odgovora.
Možete li biti sigurni da se desnim klikom na drugi element na stranici prikazuje kontekstni izbornik? Ako je to slučaj, vjerojatno postoji problem s JavaScriptom kod vašeg hostinga.
Ako koristite Google Chrome, idite na dotičnu stranicu na kojoj imate problem, zatim pritisnite tipku "F12" (otvorit će se prozor ili će biti priložen na stranicu), a zatim odaberite karticu "Konzola" . Snimite snimku zaslona ove kartice i reći ću vam ako postoji problem.
Pozdrav,
Hvala ti na odgovoru.
Moju web lokaciju hostira Free, možda postoji problem s javascriptom.
Možete li mi reći kako prosljeđujete snimku zaslona koju sam napravio?
srdačno
Želimo Mireille, ali vrsta usluge koju tražite nije na žalost besplatna i pozivamo vas da se obratite našem tehničkom timu na blogpascher.com
Kako sam instalirao ograničenu verziju za Free, mislim da je problem u tome.
Pokušat ću instalirati drugu verziju ...
Kopirao sam dio teksta i pokušao ga zalijepiti u stupac dodatka. Nemoguće ni s tipkovnom prečacom CTRL + V, ni u kontekstualnom izborniku desnog klika koji ne nudi ovu funkciju.
Ima li kakvih alternativa upisivati sve?
Imam samo jednu riječ da kažem Sjajno! Instalirao sam ga i nakon dva ili tri popravka uspio sam napraviti stupce, hvala!
Hvala Ronnie na ovim povratnim informacijama.
bok instalirao sam napredne wp stupce.
ali kad pogledam stranicu, u gornjem lijevom uglu svakog stupca nalazi se bijeli kvadrat? možeš li mi pomoći. Hvala vam
Bonsoir,
Jeste li pokušali upotrijebiti zadanu WordPress temu kako biste vidjeli ostaje li problem?
Pozdrav,
Ne možemo vam stvarno pomoći ako ne dajete više detalja o tome kako činiti da biste imali bijeli kvadrat.
Merci.