Kako stvoriti prilagođena zaglavlja i podnožja s elementom Elementor
Ne sviđa vam se kako vaš trenutni WordPress tema obrađuje svoje glavno zaglavlje ili podnožje? Što kažete na prilagođavanje elementu Elementor? U ovom ćemo vam vodiču reći kako stvoriti prilagođena zaglavlja i podnožja s elementom Elementor – korak po korak, a nisu potrebne vještine kodiranja.
Contents
- 1 Zašto Elementor?
- 2 Što trebate za stvaranje korisničkih zaglavlja i podnožja s Elementor-om
- 3 1. Instalirajte Elementor besplatno i profesionalno
- 4 2. Napravite prazan predložak zaglavlja ili podnožja |
- 5 3. Postavite opći izgled zaglavlja / podnožja
- 6 4. Dodajte logotip
- 7 5. Dodajte izbornik
- 8 6. Dodajte polje za pretraživanje
- 9 7. Dodajte ostale dodatne elemente
- 10 8. Objavite zaglavlje / podnožje
- 11 Spremni ste za izgradnju Elementora prilagoditi zaglavlja i podnožja?
Zašto Elementor?
Elementor je naš omiljeni dodatak za izradu stranica za WordPress i, zapravo, jedan od najboljih alata koji možete koristiti za prilagodbu web stranice WordPress, a da ne znate kako kodirati.
Elementor je također vaša najbolja opklada ako vam se ne sviđa kako izgleda vaše trenutačno zaglavlje ili podnožje, ali također ne želite u potpunosti mijenjati temu.
Ovdje možete saznati više o Elementoru u našem detaljnom pregledu Elementor.
Što trebate za stvaranje korisničkih zaglavlja i podnožja s Elementor-om
Dvije stvari:
- glavni dodatak Elementor – besplatni
- Elementor Pro – premium nadogradnja na vrhu besplatnog izdanja Elementor-a
Da biste nabavili Pro, morate se pretplatiti ovdje. Osnovna verzija Elementor Pro (za jednu web lokaciju) iznosi 49 USD godišnje, ali novac je dobro potrošen, jer vam pruža brojne uzbudljive značajke koje idu iznad vašeg zaglavlja ili podnožja. Provjerite.
1. Instalirajte Elementor besplatno i profesionalno
Postupak instalacije Elementor besplatan je poput bilo kojeg drugog dodatka:
- Jednostavno idite na svoje wp-admin → Dodaci → Dodaj novo, i unesite “Elementor” u okvir.
- Instalirajte i aktivirajte.
Evo posebnog vodiča o tome kako instalirati bilo koji WordPress dodatak u slučaju da vam trebaju dodatne upute.
Da biste instalirali dodatak za profesionalno računalo, prvo morate posjetiti Elementor.com i kupiti pretplatu. Nakon toga moći ćete preuzeti dodatak s korisničkog profila.
Morate generirati i novi API ključ za kopiju Elementor Pro. Za to kliknite na prikazivanje web stranica gumb na istoj stranici (snimka zaslona gore), a zatim tamo dodajte adresu svoje web lokacije. Dobit ćete licenčni ključ koji ćete morati unijeti prilikom aktivacije Elementor Pro na svojoj web lokaciji.
Vratite se svom wp-administratoru i nastavite Dodaci → Dodaj novo još jednom. Ovaj put ručno prenesite arhivu Elementor Pro.
Nastavite da ga instalirate i aktivirate.
Nakon toga s primarne bočne trake wp-admin idite na Elementor → Licenca. Tamo unesite svoj licenčni kôd.
Elementor i Elementor Pro su sada aktivni!
2. Napravite prazan predložak zaglavlja ili podnožja |
Idite na bočnu traku wp-admin-a Predlošci. Tamo vjerojatno još nema ništa.
Kliknite na veliki DODAJTE NOVU TEMPLATU dugme.
U skočnom prozoru odaberite bilo Zaglavlje ili Podnožje na osnovu onoga što želite stvoriti, a po želji imenovajte i predložak.
Ovdje počinje zabava! Vidjet ćete da se Elementor lansira i moći ćete krenuti na posao.
Da bi vam stvari bile brže, Elementor će vam pokazati popis gotovih predložaka zaglavlja i podnožja. Možete odabrati jedan od njih ili započeti rad na svom zaglavlju ili podnožju ispočetka. Izbor je na vama.
3. Postavite opći izgled zaglavlja / podnožja
Prvo, da biste stvorili prilagođena zaglavlja i podnožja s Elementor-om, morate odlučiti koji će biti glavni izgled vašeg zaglavlja ili podnožja.
Kao primjer, napravit ću zaglavlje modernog izgleda s logotipom u sredini, izbornikom na lijevoj strani i okvirom za pretraživanje s desne strane. Međutim, slobodni ste sastaviti bilo koju drugu vrstu zaglavlja jer nema ograničenja u pogledu dizajna ili onoga što možete uključiti u zaglavlja i podnožja.
Za početak kliknite na glavni gumb za prilagodbu vašeg zaglavlja kako biste vidjeli raspored odjeljak u bočnoj traci:
4. Dodajte logotip
Dodavanje logotipa vrlo je jednostavan korak, ali samo pod uvjetom da vaša trenutna tema rukuje logotipom u skladu sa službenim smjernicama WordPress-a.
U Elementoru odaberite ono Logotip web mjesta blok sa bočne trake. Stavite ga gdje želite. Trebao bi automatski dohvatiti vaš stvarni logotip.
5. Dodajte izbornik
Uzmi Navigacijski izbornik blokirajte s bočne trake Elementara i povucite ga tamo gdje želite unutar zaglavlja.
- izbornik – odaberite određeni izbornik koji želite sadržavati (možete odabrati između svega što ste postavili Izgled → izbornici).
- raspored – vodoravan, vertikala, ili padajući
- Uskladiti – lijevo, centar, pravo, ili rastezanje popuniti cijelo raspoloživo područje
- Pokazivač – kako želite istaknuti aktivnu vezu
- Animacija – kako želite da se pokazivač pojavi
Možete i otvoriti druge dvije kartice – Stil i Napredna da biste prilagodili ostale pojedinosti o dizajnu vašeg izbornika.
6. Dodajte polje za pretraživanje
Za dovršenje mog dizajna odabrati ću Obrazac pretraživanja blokirajte i povucite je u desni stupac dizajna zaglavlja.
- Koža – Klasik, minimalan, Puni zaslon
- Rezerviranog mjesta – može ostaviti prazno ili staviti tamo nešto poput “pretraživanja”
- Poravnanje, Veličina – obojica su prilično samorazumljiva
7. Dodajte ostale dodatne elemente
Elementor vam također omogućuje da stavite bilo koji drugi element Elementor u zaglavlja ili podnožja. To uključuje prilagođeni tekst, slike, ikone i sve što može još poboljšati vaše zaglavlje.
8. Objavite zaglavlje / podnožje
Posljednje što trebate učiniti je objaviti svoju kreaciju na web mjestu i dodijeliti je bilo zamijeniti zadano zaglavlje / podnožje na cijelom web mjestu ili samo na određenim stranicama. Mnogo je mogućnosti.
Da biste to učinili, kliknite na glavni OBJAVITI gumb u Elementoru. Vidjet ćete skočni prozor sa pitanjem gdje želite prikazati svoje novo zaglavlje ili podnožje.
Najosnovniji uvjet je “Cijela stranica”:
Možete eksperimentirati i s ovom postavkom i izdvojiti pojedinačne stranice, postove, kategorije i još mnogo toga. Na primjer, ovdje je uvjet da se novo zaglavlje prikazuje samo na Kontakt stranica:
Kada završite, kliknite na SAVE & CLOSE.
Vaše novo zaglavlje ili podnožje sada je uživo! Primjer:
Spremni ste za izgradnju Elementora prilagoditi zaglavlja i podnožja?
Nadam se da je ovaj udžbenik bio od pomoći i da ste već na putu za sjajno novo zaglavlje ili podnožje!
Ako imate bilo kakvih pitanja, slobodno zapitajte u komentarima u nastavku. Na blogu imamo i drugi sadržaj vezan za Elementor koji vam pomaže poboljšati dizajn:
- Review Pregled elemenata: Kako se postavlja ovaj WordPress Page Builder stranica?
- ️ Kako stvoriti stranicu za pokretanje proizvoda s elementom Elementor
- ✨ Najbolji besplatni dodaci elemenata