U ovom tekstu ćete videti šta sve možete da napravite u WordPressu koristeći Elementor Pro i Ocean WP temu. Sledi kratak prikaz onoga što ćete pročitati u tekstu.
Napravićemo zaglavlje koristeći Elementor Pro, prilagodićemo ga i videćete kako može da bude lepljiv, isto to ćemo uraditi i sa podnožjem.
Videćete kako raditi sa uslovima prikaza, oni vam pomažu da prikažete svoje zaglavlje, podnožje i druge templejte na određenim sekcijama vašeg sajta na osnovu uslova koje ste podesili u templejtu.
Biće reči o dinamičkom sadržaju i kako napraviti templejt sa njim koji će prikazati naslov bloga, datum, autor ili nešto drugo.
Takođe ćemo napraviti i prilagoditi templejt za blog objavu kao i templejt za blog stranicu, tako da ceo vaš sajt bude napravljen uz pomoć Elementor Pro verzije.
Elementor Pro
Ranije je Elementor bio samo graditelj stranica, a u ovom trenutku je i graditelj stranica i kreator tema, možete zameniti skoro sve elemente teme koju koristite uz pomoć Elementora. Idemo na kontrolnu tablu našeg sajta i pod opcijom Templates imate sačuvane templejte, stranice, sekcije i globalne dodatke, kao što vidite na slici ispod. Ovde možete da koristite već napravljene templejte, da napravite novi ili da importujete već napravljen.
Izaberete da kreirate novi templejt i tu imate više opcija, za početak ćemo izabrati kreiranje zaglavlja. Pojaviće vam se biblioteka različitih templejta zaglavlja i kada vidite koji vam se sviđa, odaberete ga i kliknete na dugme Insert i nakon toga možete da ga prilagodite vašim potrebama.
Što se tiče izmena templejta, možete da menjate boju ikonica, boju pozadine, podatke o broju telefona, mejla, radnog vremena. Zatim možete da promenite ikonice društvenih mreža, da napravite razmake između njih, razmake između vrha i dna sekcije, da promenite boju ikonica ili teksta kad pređete mišem preko njega, da dodate animacije kad se učita sajt i slično. Mnoštvo je opcija, potrebno je samo da se igrate i birate šta želite i šta vam je vizuelno lepše. Sve te promene vršite tako što kliknete na određenu sekciju i pod opcijama Style i Advanced se nalaze mogućnosti izmena svih navedenih stvari iznad.
Iznad je primer kako je izmenjen logo, da ima drugu pozadinu, meni možete takođe izmenite da bude horizontalan, vertikalan ili padajući, može da ima pokazivač ispod svake stvake menija, da promeni boju kad se pređe mišem preko istog. Kada ste podesili vaš templejt, kliknete na Publish i tad vam se javljaju uslovi prikaza koje je potrebno podesite. Gde želite da vam se prikazuje zaglavlje, na celom sajtu, na određenim stranicama ili npr. Ako želite da se prikaže na celom sajtu a ne želite samo na pojedinim stranicama, onda postavite 2 uslova. Sačuvate uslove i templejt je postavljen na sajt.
Da bi vam zaglavlje bilo lepljivo, odnosno da se ne pomera kad skrolujete stranicu, selektujete sekciju, izaberete opciju Motion Effects i kod polja Sticky podesite gde želite da stoji zaglavlje. Kako bi se meni u zaglavlju lepo video i kad skrolujete stranicu, potrebno je da u opciji Custom CSS dodate jednu liniju koda selector{background: #fff}. Za pozadinu izaberete koju god boju hoćete, ovde je samo dat primer bele boje.
Na sličan način se pravi i podnožje stranice, takođe pravljenje templejta odabirom na kontrolnoj tabli. Odaberete iz biblioteke koji vam se sviđa, prilagodite ga svojim potrebama sve isto kao i kod pravljenja zaglavlja i podesite uslove prikaza i objavite ga na sajtu.
Nakon što smo napravili zaglavlje i podnožje, sledeća stavka na redu je blog stranica. Nju pravimo tako što izaberemo novi templejt i izaberemo da je tip templejta Archive i nazovemo ga Blogpage ili kako već želite. Od ponuđenih dizajna iz biblioteke izaberemo onaj što nam odgovara, zatim ga prilagodimo onako kako želimo da izgleda, namestimo broj članaka u jednom redu, broj kolona, veličinu slike članka, na kom će mestu stajati iznad ili ispod kratkog testa i slično.
Nakon toga podesimo uslove prikazivanja i gotov je templejt blog stranice, ostalo je samo da se objavi.
Templejt je gotov i sad možemo da dodajemo dinamički sadržaj. Na blog stranicu se može dodati naslov, zatim opis stranice, može se dodati ko je autor teksta, sve to iznad članaka na blog stranici kako bi stranica lepše izgledala. Podesite razmake i margine između dinamičkog sadržaja i članaka kako bi sve izgledalo vizuelno dobro, da nešto ne bi bežalo i izgledalo čudno.
Sledeći templejt koji ćemo kreirati je templejt članka, tako što ponovo odemo na kontrolnu tablu u templejte i izaberemo da kreiramo novi i izaberemo Single Post i nazovemo ga Blog.
Iz biblioteke izaberemo kakav templejt članka želimo i zatim ga prilagođavamo našim potrebama.
Na slici iznad je osnovni templejt članka koji smo izabrali koji ćemo dalje stilizovati. Može se stilizovati tekst, poravnanja, naslovi, boja i veličina slova, zatim da li će se prikazati meta podaci kao što su autor, datum i vreme, komentari i kako će izgledati, npr. sa ikonicama ili bez i slično. U okviru samog blog članka, možemo prilagoditi Post Excerpt – što predstavlja skraćen tekst koji će stajati na blog stranici uz izdvojenu sliku, zatim Featured Image – kako će izgledati izdvojena slika na blog stranici i u samom članku, zatim Post Content – sadržaj članka i promena boje i veličine slova, zatim Author Box – podaci o autoru, da li će stojati ime i prezime, slika, biografija, linkovi za ostale tekstove itd, sve to možete stilizovati kada kliknete na tu sekciju. Postoji još sekcija Post Navigation – u okviru nje podešavamo kako će izgledati linkovi za prethodni i sledeći članak, kao i sekcija Post Comments – komentari na članak, podešavamo koliko će biti odvojeni od članka, pozadinu i slično. Nakon svega ovoga, potrebno je podesiti uslove prikazivanja i objaviti blog templejt na dugme Publish.
Izvor: youtube
