Ž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 štampani mediji, poput novina i časopisa, koristili su raspored u više kolona od najranijih dana štampanja. Cilj im je bio omogućiti korisnici lakše čitati manji tekst, a ekonomično koristiti raspoloživi prostor.

Ako još niste kreirali web stranicu ili blog na WordPress-u, pozivamo vas da konsultujete Kako instalirati WordPress blog u 7 sljedećih koraka, Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu

Izgledi s jednim stupcem češće se koriste na webu. Međutim, roštilj sa 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 sa više stupaca u WordPress - jednostavno rješenje

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

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

Tada morate odabrati blok kolone "Smješteno ispod kartice" Elementi izgleda ".

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

Kao što možete vidjeti na gornjoj snimci zaslona, ​​blok kolona u početku se čini da je prazno područje. Ako mišem zadržite lijevo, vidjet ćete granicu označenog bloka.

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

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ćava dodavanje do šest stupaca u jedan red.

Samo kliknite stupac i počnite tipkati za dodavanje sadržaja. Pomoću tipke Tab na tipkovnici možete prijeći na sljedeći stupac.

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

Pored tekstualnog sadržaja, u WordPress stupce možete dodati i slike i ugraditi video zapise.

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

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

Za upload - upload - vašeg medija, otkrijte naš članak o Kako da otpremite svoje vesti na WordPress

Ovako bi vaša nova kolumna mogla izgledati u WordPress tema default Twenty Nineteen. U ovom primjeru koristimo tri kolone, a posljednja kolona sadrži sliku.

Ako želite dodati sliku i tekst sa strane, možete koristiti i blok Mediji i tekst Umesto stupaca. Ovaj je blok dizajniran posebno za prikazivanje 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 zaseban dodatak da biste stvorili izgled rešetke stubova.

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

Za detaljna uputstva, slijedite naš detaljni vodič kako instalirati dodatak u WordPress.

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

Sada ćete vidjeti skočni prozor koji vam omogućava da dodate svoj prvi stupac. Možete odabrati koliko površine može pokrivati ​​vaša kolona, ​​na radnim površinama, tabletima i mobilnim uređajima na drugačiji način.

Idite dalje otkrivanjem Kako napraviti celu širinu na WordPressu

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

Ima mnogo opcija za podešavanje š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 kolone u područje "Sadržaj", a zatim kliknuti na gumb "U redu" da biste ga umetnuli u svoju publikaciju.

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

Otkrijte u ovom vodiču Kako instalirati i konfigurirati WP Super Cache plugin poboljšati performanse svog bloga.

Sada kada 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 test dvadeset sedamnaest.

Ako želite pronaći i WordPress teme koje vam mogu pomoći u 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 izgled OnePage, ali nijedan ne može ponuditi bogatstvo opcija i karakteristika koje ima TheGem WordPress predložak. 

Svi elementi dizajna koje povezujete sa dobrom OnePage web lokacijom su prisutni u ovome WordPress tema : klizač preko cijelog ekrana (koji se može kreirati pomoću dodatka Revolution Slider koji se isporučuje s WordPress tema), izbor od šest stilova zaglavlja i mogućnost kreiranja sekcija 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 koji bi olakšao stvaranje web stranice OnePage.

download | Demo | web hosting

2. Stockholm

Stockholm je WordPress tema dizajnirana da vam pomogne u kreiranju web stranice građevinske kompanije, niskogradnje ili bilo koje kompanije povezane sa svijetom renoviranja zgrada. Ovo WordPress šablon je usmjeren na profesionalce koji brinu o kvaliteti i detaljima.

Isporučuju se s pločom s opcijama i korisničkom pozadinom, koja će vam omogućiti 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 prilagođavanje tako da vaša web lokacija ima jedinstveni izgled.

Vrlo odzivan, savršeno se prikazuje na bilo kojoj vrsti ekrana. 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.

download | Demo | web hosting

3. Jupiter

Jupiter je još jedna vrlo popularna tema za WordPress. 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 njegovih izgleda ima minimalistički dizajn, sa ugodnom tipografijom.

Jedna od glavnih prodajnih mjesta Jupitera je Creative Creative Header Customizer koji vam omogućava 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 je također odlično. Ovo je izvrstan proizvod i teško ćete ih pronaći WordPress teme ima svoje karakteristike.

download | Demo | web hosting

Ostali preporučeni resursi

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

• Kako pripremiti svoju web stranicu za Gutenberg 
• Kako da znam da li je vaš plugin kompatibilan sa Gutenbergom?
• Hoće li Gutenberg poboljšati ili slomiti WordPress?

zaključak

Evo! 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. osjećaj se slobodno da 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 konsultirate naše sredstva.

...