U ovom članku ćete vidjeti šta možete učiniti u WordPress-u koristeći Elementor Pro i Ocean WP temu. Slijedi kratak pregled onoga što ćete pročitati u tekstu.
Napravit ćemo zaglavlje koristeći Elementor Pro, prilagoditi ga i vidjet ćete koliko može biti ljepljivo, isto ćemo učiniti sa podnožjem.
Vidjet ćete kako raditi s uvjetima prikaza, oni vam pomažu da prikažete svoje zaglavlje, podnožje i druge predloške na određenim dijelovima vaše stranice na osnovu uslova koje postavite u predlošku.
Govorit će o dinamičkom sadržaju i kako sa njim kreirati šablon koji će prikazati naslov bloga, datum, autora ili nešto drugo.
Također ćemo kreirati i prilagoditi predložak blog postova, kao i predložak stranice bloga, tako da je cijela vaša stranica izgrađena pomoću Elementor Pro verzije.
Elementor Pro
Ranije je Elementor bio samo graditelj stranica, a sada je i graditelj stranica i kreator tema, možete zamijeniti gotovo sve elemente teme koje koristite uz pomoć Elementora. Idemo na kontrolnu ploču naše stranice i ispod opcije Predlošci spremili ste šablone, stranice, sekcije i globalne dodatke, kao što možete vidjeti na slici ispod. Ovdje možete koristiti već kreirane šablone, kreirati novi ili uvesti već kreirani.
Odlučite se za kreiranje novog predloška i tu imate nekoliko opcija, za početak ćemo odabrati kreiranje zaglavlja. Biblioteka različitih predložaka zaglavlja će se pojaviti i kada vidite neki koji vam se sviđa, odaberite ga i kliknite na dugme Insert a nakon toga ga možete prilagoditi svojim potrebama.
Što se tiče promjena šablona, možete promijeniti boju ikona, boju pozadine, podatke o broju telefona, emailu, radnom vremenu. Zatim možete promijeniti ikone društvenih mreža, napraviti razmake između njih, razmake između vrha i dna odjeljka, promijeniti boju ikona ili teksta kada pređete mišem preko njih, dodati animacije kada se stranica učita i tako on. Postoji mnogo opcija, samo treba da se igrate i izaberete šta želite i šta vam je vizuelno ljepše. Sve ove promjene vršite klikom na određeni odjeljak i ispod opcija Stil i Napredno postoje mogućnosti da se sve gore pomenuto promeni.
Iznad je primjer kako je promijenjen logo, da ima drugačiju pozadinu, također možete promijeniti meni da bude horizontalan, okomit ili padajući, može imati pokazivač ispod svake stavke menija, može promijeniti boju kada je miš lebdio nad njim. Kada ste postavili šablon, kliknite na Objavi a zatim se pojavljuju uslovi prikaza koje je potrebno podesiti. Gdje želite da se zaglavlje prikazuje, na cijelom sajtu, na određenim stranicama ili npr. Ako želite da se prikazuje na cijelom sajtu, a ne samo na određenim stranicama, onda postavite 2 uslova. Sačuvate uslove i šablon se postavlja na sajt.
Da bi vaše zaglavlje bilo ljepljivo, tj. da se ne bi pomicalo kada skrolujete po stranici, odaberite odjeljak, odaberite opciju Motion Effects i na terenu Sticky postavite gdje želite da bude zaglavlje. Da bi meni u zaglavlju izgledao lepo i kada skrolujete po stranici potrebno je da u opciji Custom CSS dodajte jednu liniju koda selektor{pozadina: #fff}. Možete odabrati koju god boju želite za pozadinu, ovdje je dat samo primjer bijele boje.
Podnožje stranice je napravljeno na sličan način, kao i kreiranje šablona odabirom na kontrolnoj tabli. Iz biblioteke birate onu koja vam se dopada, prilagođavate je svojim potrebama, baš kao što ste uradili prilikom kreiranja zaglavlja i postavljate uslove prikaza i objavljujete na sajtu.
Nakon što smo kreirali zaglavlje i podnožje, sljedeća stavka u redu je stranica bloga. Kreiramo ga odabirom novog predloška i odabirom ga kao tipa predloška Arhiva i nazovimo to Blogpage ili kako god želite. Od ponuđenih dizajna iz biblioteke biramo onaj koji nam odgovara, zatim ga prilagođavamo kako želimo da izgleda, postavljamo broj članaka u jednom redu, broj kolona, veličinu slike članka, gdje će stajati iznad ili ispod kratkog testa i slično.
Nakon toga postavljamo uslove prikaza i šablon stranice bloga je spreman, ostalo je samo da ga objavimo.
Šablon je gotov i sada možemo dodati dinamički sadržaj. Na blog stranicu se može dodati naslov, zatim opis stranice, autor teksta, sve iznad članaka na stranici bloga kako bi stranica izgledala bolje. Podesite razmak i margine između dinamičkog sadržaja i članaka tako da sve vizualno izgleda dobro, kako nešto ne bi pobjeglo i izgledalo čudno.
Sljedeći predložak koji ćemo kreirati je predložak članka, tako što ćemo ponovo otići na kontrolnu ploču u predlošcima i odabrati kreirati novi i odabrati Single Post i nazovimo to Blog.
Odabiremo predložak članka koji želimo iz biblioteke i zatim ga prilagođavamo našim potrebama.
Na slici iznad je osnovni predložak članka koji smo odabrali da dodatno stiliziramo. Tekst, poravnanja, naslovi, boja i veličina fonta mogu se stilizirati, zatim da li da se prikazuju meta podaci kao što su autor, datum i vrijeme, komentari i kako će izgledati, npr. sa ili bez ikona i slično. Unutar samog blog članka možemo prilagoditi Post Excerpt - koji predstavlja skraćeni tekst koji će se tada pojaviti na stranici bloga sa posebnom slikom Featured Image - kako će odabrana slika izgledati na stranici bloga iu samom članku Post Content - sadržaj članka i promjenu boje i veličine fonta, zatim Author Box - informacije o autoru, da li će biti ime i prezime, slika, biografija, linkovi na druge tekstove itd., sve to možete stilizirati kada kliknete na tu rubriku. Ima više sekcija Post Navigation - unutar njega prilagođavamo kako će izgledati linkovi za prethodni i sljedeći članak, kao i odjeljak Post Comments - komentare na članak, postavljamo koliko će biti odvojeni od članka, pozadine i slično. Nakon svega ovoga, potrebno je podesiti uslove prikaza i objaviti blog šablon na dugmetu Objavi.
Izvor: youtube
