Možda ste već čuli za neke od najpopularnijih WordPress kreatora stranica kao što su Elementor ili Divi. Ali šta znači WordPress bilder (page builder) stranica i da li bi trebalo da ga koristite za svoj sajt?
Kratak odgovor je: WordPress bilder stranica je kreator stranica ili konstruktor stranica. To je dodatak koji Vam omogućava da lako kreirate stranice i pravite određene izmene u njihovom dizajnu bez potrebe za pisanjem koda (HTML, CSS, JS, PHP).
Ako želite sami da dizajnirate stranice na svom sajtu, WordPress bilder stranica će biće Vam veoma koristan. Ali ako nemate vremena i energije da budete dizajner, biće Vam korisnije da verujete pouzdanom partneru u kreiranju i razvoju Vaših onlajn projekata.
Šta je WordPress bilder (page builder)?
WordPress bilder (kreator stranica, kreator vebsajtova) je dodatak koji se instalira na sajt kao i svaki drugi WordPress dodatak. Obično se dodatak bildera instalira na samom početku, nakon instaliranja WordPress-a na hosting nalogu, kako bi se mogao koristiti za brzo i jednostavno kreiranje jedinstvenog dizajna za njegove stranice.
Termin bilder (od engleskog builder) kreator stranica, kao i drugi u engleskom jeziku, nema zvaničnog predstavnika u srpskom jeziku. Doslovni prevod page builder je konstruktor stranica ili kreator stranica. Skraćeno, samo kreator, a preciznije WordPress kreator.
WordPress bilderi su treća opcija koja nam može pomoći da prilagodimo dizajn sajta (druge dve su – pisanje koda ili usluge programera).
Neki od najpoznatijih WordPress bildera: Elementor, Divi, SiteOrigin, SeedProd, Beaver Builder, Brizy, Oxygen i drugi.
Sa njima, obični korisnici imaju mogućnost da fino podese dizajn, raspored i stilove stranica.
Na primer, umesto CSS koda, podešavanja stila se vrše klikom na dugmad i unosom vrednosti u vizuelni editor bildera.
Podešavanje stila pomoću CSS koda:
element.style {
margin-top: 10px;
padding: 0px 5px 0px 0px;
border-radius: 8px;
border-width: 1px;
border-style: solid;
border-color: rgb(251, 140, 0);
}Podešavanje stila pomoću vizuelnog uređivača:
Karakteristike WordPress bildera
Različiti bilderi nude slične funkcionalnosti. Ali njihove besplatne verzije najčešće nude samo kreator stranica, manje gotovih šablona i malo opcija.
Evo nekih glavnih karakteristika WordPress bildera:
- Oni su više bilderi stranica koji grade raspored i stil stranice nego bilderi njenog sadržaja (kao što je WordPress blok editor).
- Imaju vizuelni uređivač (kreator stranica) za pojedinačne stranice na sajtu.
- Vizuelni uređivač (kreator tema/veb sajtova) za šablone sistemskih stranica.
- Mnogo opcija za stilove sajta, raspored, elemente.
- Biblioteke sa gotovim šablonima stranica.
- Mogu imati sopstvene WordPress teme.
- Napredne funkcionalnosti za WordPress profesionalce. Kao što je menadžer uloga korisnika za pristup podešavanjima dizajna.
- Češće ih koriste veb programeri, dizajneri, kompanije za razvoj veb sajtova i drugi. Ali mogu ih koristiti i početnici.
Prednosti i mane WordPress bildera
Bilderi imaju mnogo funkcionalnosti i opcija koje olakšavaju prilagođavanje dizajna. Ali to se ne može uraditi bez komplikacija – njihovih editora, rada sa njima, samog koda na stranicama, podrške donekle.
Prednosti:
- Lako uređivanje dizajna stranice od strane korisnika koji ne žele da pišu kod.
- Ušteda vremena i resursa za izradu i dizajn sajta.
- Korisno za WordPress programere, jer im pomaže da brže i lakše kreiraju jedinstvene sajtove.
Mane:
- Bilderi koji su više usmereni ka WordPress profesionalcima, kao što je Oxygen, mogu biti previše složeni za početnike i na kraju im može biti potrebna pomoć.
- Mogu dodati mnogo dodatnog koda u kod stranice.
- Kada se neki bilderi onemoguće, sadržaj sajta može postati neupotrebljiv.
- Bilderi su dodaci, što znači da moraju biti kompatibilni sa radom drugih dodataka. Na primer, ako je sajt višejezičan, kreator mora da podržava korišćeni dodatak za prevođenje.
Uređivanje dizajna bez i sa WordPress bilderom
Pošto je jedan od glavnih ciljeva WordPress bildera lako prilagođavanje dizajna sajta i njegovih stranica, sada ćemo videti kako se to radi bez njih. Ovo će olakšati isticanje prednosti ili potrebe za njihovom upotrebom.
Dizajn WordPress sajta ima tri aspekta:
- 1. Prvi obuhvata globalna podešavanja rasporeda i stila koja se primenjuju na ceo sajt (širina globalnog kontejnera, palete boja, osnovne boje za linkove, tekst, osnovni fontovi itd.).
- 2. Drugi aspekt je dizajn sistemskih stranica i tačnije šablona iz kojih se generišu – početna, stranica, objava (jednostruka), arhiva, kategorija, oznaka, 404 i drugi. Ove šablone ne kreiraju korisnici. Oni zavise od teme.
- 3. Treći aspekt je dizajn pojedinačnih stranica koje kreiraju korisnici, kao što su O nama, Kontakti, odredišna stranica i drugi.
Sva tri aspekta imaju drugačiji način uređivanja odgovarajućeg dizajna.
#1 Globalni dizajn sajta (tema)
WordPress tema određuje globalni stil sajta – glavne boje i fontove, stil linkova, teksta, dugmadi, sve globalne elemente koji mogu biti prisutni na bilo kojoj stranici sajta.
WordPress ima ugrađeni vizuelni uređivač za globalni dizajn – Izgled (Appearance) » Prilagodi (Customize).
U zavisnosti od korišćene teme, u editoru mogu postojati dodatna podešavanja i opcije. Ali one možda neće biti dovoljne kada želimo da napravimo određene izmene globalnih stilova.
Kada ne možemo da napravimo određenu izmenu globalnog stila putem ovog vizuelnog editora, opcije su ili korišćenje koda (CSS) ili obraćanje profesionalnom programeru.
WordPress kreatori nam nude treću opciju. Većina njih ima opcije za uređivanje globalnih stilova putem praktičnog vizuelnog editora.
#2 Dizajn sistemskih stranica (šabloni za sistemske stranice)
Tema takođe podešava dizajn pojedinačnih tipova stranica na sajtu – objava, stranica, 404 stranica, stranica sa rezultatima pretrage itd. To su sistemske stranice koje se generišu iz PHP datoteka šablona (single.php, page.php, 404.php …), koje se čuvaju u direktorijumu teme.
Šablonima za sistemske stranice, dodaćemo i posebne šablone za zaglavlje, podnožje i bočnu traku. To su takođe datoteke šablona (header.php, footer.php, sidebar.php).
U WordPress-u ne postoji ugrađeni vizuelni editor za uređivanje dizajna sistemskih stranica.
Ako sama tema ne pruža nikakvu opciju za promenu sistemskih stranica, a želimo da promenimo nešto na stranici kategorije, na primer, moramo da koristimo kod. Na primer, kreiramo datoteku category.php (u prethodno kreiranoj podtemi) i u nju postavimo PHP i HTML kod. Osim toga, ako želimo da postavimo određeni stil za elemente na ovoj stranici (tj. da ne koristimo globalne stilove), potrebno je da napišemo odgovarajući CSS kod (koji možemo postaviti u style.css podređene teme).
Druga opcija je da zamolimo programera za pomoć.
I ovde su WordPress bilderi naša treća opcija. Bilderi koji imaju funkcionalnost za uređivanje globalnog stila i sistemskih stranica nazivaju se i website bilderi. U svojim karakteristikama, ova funkcionalnost se može nazvati Theme Builder.
Takva funkcionalnost je dostupna u plaćenim verzijama Elementor, Divi, Beaver Builder, Brizy, SeedProd. I u ugrađenom WordPress uređivaču sajtova (od verzije 5.9).
#3 Dizajn korisničke stranice (šabloni korisničkih stranica)
Slično sistemskim stranicama, korišćenje drugačijeg dizajna za korisničku stranicu zahteva kreiranje dodatnog šablona stranice. Ako tema ne nudi mogućnost kreiranja takvih šablona, ponovo ćemo morati da napišemo kod ili potražimo pomoć od programera.
Šabloni korisničkih stranica se koriste, na primer, za kreiranje odredišne stranice, stranice sa porukom o održavanju i drugih. To su stranice koje treba da se izdvoje iz globalnog dizajna sajta.
I ovde je treća opcija WordPress kreatori. Ovi kreatori koji nemaju funkcionalnost za uređivanje sistemskih stranica teme nazivaju se samo kreatori stranica. Na primer, to su besplatne verzije: Elementor, SiteOrigin, Beaver Builder, Brizy, SeedProd. I ugrađeni WordPress editor sajtova (5.9).
#3u1 Novi WordPress uređivač sajtova (tema, sistem i dizajn jedne stranice)
Pisanje koda i potreba za tehničkim znanjem je nešto što WordPress kao projekat dugo nastoji da eliminiše jer otežava korišćenje platforme običnim korisnicima. Potreba za pisanjem koda prilikom kreiranja sadržaja uklonjena je dodavanjem blok uređivača u verziji 5.0. A u verziji 5.9 objavljeno je potpuno uređivanje sajta pomoću blokova, što je napravilo sledeći korak u eliminisanju ove potrebe za uređivanjem dizajna.
Potpuno uređivanje sajta je proširenje obima blok uređivača i korišćenje blokova svuda i za sve na sajtu – sadržaj, dizajn, raspored, vidžete, menije. Blok je najmanji gradivni blok koji ima svoja podešavanja i opcije stilizovanja.
Potpuno uređivanje sajta se vrši preko uređivača sajta – Izgled (Appearance) » Editor.
Kada se aktivira blok tema, meni Izgled se menja i dugme Uređivač postaje dostupno.
Ovaj WordPress uređivač sajtova uključuje tri aspekta dizajna – globalne stilove, dizajn sistemske stranice i dizajn stranice.
Može se koristiti za uređivanje dizajna celog sajta, njegovih pojedinačnih komponenti, kreiranje šablona za stranice i pojedinačnih oblasti u njima (zaglavlje, podnožje itd.). Kreiranje šablona iz blokova. Takođe, promena stilova – globalno za sajt i posebno za svaki šablon i blok.
Pošto je WordPress uređivač sajtova još uvek veoma nova funkcionalnost u WordPress-u, njegove mogućnosti se i dalje poboljšavaju i proširuju.
Još uvek ne možemo govoriti o potpunoj konkurenciji sa uspostavljenim WordPress kreatorima. Međutim, čak i na ovom ranom nivou, uz pomoć uređivača sajtova, svaki WordPress profesionalac može brzo da kreira jedinstven sajt i dizajn.
WordPress bildere koriste početnici kako bi lakše prilagodili dizajn stranica, ali i profesionalni WordPress programeri kako bi brže kreirali sajtove.
