Elementor redovno nudi teme koje vam pomažu stvoriti web stranicu kompletan od ovih. Svakog mjeseca objavljujemo nove teme koje se grade oko određene niše, a opet dovoljno fleksibilne da ih konačno možete prilagoditi svojim potrebama.
Kombinovano sa Elementor Pro, ove teme vam pomažu da brzo započnete sa svakim dijelom vaše web stranice, uključujući:
strstatična dob, poput početne stranice,
- zaglavlje
- podnožje
- strana 404
- odjeljak Arhiva
- blog
- Popups i drugi
U ovom vodiču ćemo vam pokazati kako napraviti web stranicu dovršite pomoću vizualnog graditelja stranica Elementor.
Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati WordPress blog u koracima 7 et Kako pronaći, instalirati i aktivirati WordPress temu na svom blogu
Onda se vratimo na pitanje zašto smo ovde.
Kako izraditi kompletnu web stranicu s elementima elemenata
U ovom vodiču ćete naučiti kako koristiti temu kao osnovu za sve važne dijelove vaše web stranice, a zatim sve sastaviti za stvoriti web stranicu koherentan.
Tačnije, tema Digitalna agencija.
Vaša web stranica sadrži nekoliko osnovnih stranica, poput stranica:
- Dobrodošli
- O tome
- usluge
- Klijenata
- Blog
- Kontakt
Takođe nudi odjeljke posvećene i dinamičnom sadržaju. Na primjer, arhiva blogova i predlošci posta automatski se podudaraju sa vašim samostalnim stranicama. Takođe možete promeniti zaglavlje, podnožje i Stranice 404.
Evo kako napraviti web stranicu sa Elementor temom:
1. Instalirajte i aktivirajte temu Elementor Hello
Budući da ćete za izradu cijelog web mjesta koristiti Elementor i predložak teme, ne morate tražiti druge elemente.
Umjesto toga, trebat će vam samo lagana web stranica optimizirana za performanse koju nudi tema Elementor Hello.
Za početak, idite na Izgled → Teme → Dodaj i traži " Pozdrav element". Zatim instalirajte i aktivirajte temu.
2. Konfigurirajte osnovne statičke stranice na vašem web mjestu
Zatim idite na meni Stranice → Dodaj za stvaranje osnovnih stranica vašeg web mjesta.
Prvo napravite stranicu pod nazivom " Dobrodošli "I kliknite na dugme Uredite sa Elementorom da pokrenem Elementor.
kliknite na postavke da otvorite postavke stranice i promijenite njen izgled da bude jednak Elementor Fullwidth.
Zatim otvorite biblioteku predložaka Elementor i potražite "Digital Agency" ispod Stranice :
Trebali biste vidjeti popis predložaka stranica ove teme. Umetni predložak Početna stranica s popisa modela.
Sada biste trebali vidjeti punu početnu stranicu. Zaglavlje za sada izgleda pomalo dosadno - ali ne brinite, to ćemo uskoro popraviti.
Zatim dodajte drugu stranicu koju ćete koristiti za svoj " O tome".
Kao i prije, kreirajte stranicu i promijenite Layout u Elementor Fullwidth. Zatim otvorite biblioteku šablona i umetnite je Oko teme Digitalna agencija.
Sada samo ponovite isti postupak za stvaranje svih ostalih stranica uključujući: Usluge, Kupcima i Kontakt.
Ne brinite za stranicu bloga samo još. Ova stranica nije statična kao ostale. Iz tog razloga ćete ga tamo stvoriti drugačijom metodom (o kojoj ćemo kasnije govoriti u ovom vodiču).
Da biste završili s postavljanjem statičnih stranica, trebate reći svojoj WordPress instalaciji da koristi statičku početnu stranicu. Da to uradim ...
- Hajde Podešavanja → Reprodukcija
- izabrati Statička stranica (odaberite ispod) pod postavkama vaše početne stranice
- Odaberite stranicu koja sadrži predložak početne stranice teme
3. Napravite ostale dijelove vaše web stranice
Sada ste spremni za izradu ostalih dijelova vaše web stranice koristeći Elementor. Elementor vam omogućava da idete dalje od kreiranja statičkih stranica (kao što ste učinili gore).
Uz Elementor možete dizajnirati i dijelove kao što su: en-glava; podnožje itd ...
Zahvaljujući temi Elementor moći ćete uvesti predloške za sve odjeljke koji se već nalaze na statičkim stranicama koje ste stvorili u prethodnom koraku.
Da biste pristupili elementu Elementor's visual builder, idite na Predlošci→ Graditelj tema. Morat ćete instalirati Elementor Pro da biste mu mogli pristupiti.
Sada je vrijeme za stvaranje vaših sekcija
zaglavlje
Da biste započeli, idite na karticu Header zatim interfejsa vizualnog graditelja, a zatim kliknite na Dodaj novi. Na sljedećem ekranu ćete vidjeti izbor šablona u biblioteci Elementor. Baš kao što ste radili sa statičnim stranicama, potražite "Digitalna agencija", a zatim unesite:
Sada biste trebali vidjeti vizualni pregled vašeg zaglavlja, kao i navigacijski meni iz predloška koji ste umetnuli.
Ako želite da ga promenite
- Hajde Izgled → Meniji na vašoj WordPress nadzornoj ploči
- Kreirajte novi meni
Nakon što stvorite izbornik, u navigacijski meni možete dodati stranice koje ste kreirali u koraku # 2.
Pročitajte takođe: 10 Alati za automatizaciju za marketing malih preduzeća
Kada završite s dodavanjem stavki izbornika, spremite svoj izbornik i vratite se na predložak zaglavlja u Elementor sučelju.
onda objaviti zaglavlja i koristite uvjete prikaza za prikazivanje predloška zaglavlja na cijeloj vašoj web lokaciji. Ako želite, možete koristiti i uvjete prikaza za stvaranje različitih zaglavlja za različite vrste sadržaja:
Zatim pritisnite Spremi i zatvori
Footer
Sada je vrijeme da napravite podnožje web stranice:
- Vratite se na sučelje za izradu vizualnih stranica
- Kliknite na karticu Footer
- Kliknite na gumb za Dodaj novo podnožje
- U skočnom prozoru navedite ime podnožja i kliknite na Kreirajte predložak
Sada biste trebali vidjeti popis predložaka podnožja kao što ste to učinili sa svojim zaglavljem. Potražite "Digital Agency" i umetnite predložak podnožja.
Nakon što umetnete predložak podnožja, trebali biste vidjeti pregled podnožja podnožja:
onda objaviti svoj predložak podnožja i pomoću prikazanih izraza prikazajte ga na cijeloj vašoj web lokaciji.
Stranica bloga
Za razliku od statičnih stranica koje ste kreirali u koraku # 2, stranica bloga vaše web stranice je " arhiva ". U osnovi, to znači da dinamički prikazuje najnoviji sadržaj s vaše web stranice.
Ako korisnik klikne na određenu stavku na stranici bloga, bit će odveden na stranicu koja prikazuje sadržaj te stavke. Ovo se zove "jedna" stranica. Vaš jedinstveni dizajn osigurava da će sav vaš sadržaj izgledati isto – jedina stvar koja se mijenja je stvarni sadržaj (kao što je naslov posta, tijelo, istaknuta slika, itd.).
Discover also Kako dodati sadržaj u programu WordPress s Elementor-om
Da biste stvorili arhive stranice i jedinstvene predloške stranica, trebali biste koristiti Elementor vizualni graditelj - a ne zone Strana ou članak WordPress podrazumevana.
Početi…
- Otvorite sučelje Theme Builder
- Idite na karticu Arhiva
- Kliknite Dodaj novo
- Dajte mu ime i kliknite na Kreiraj predložak
Kao i kod vašeg zaglavlja i podnožja, vidjet ćete listu predložaka stranica za arhiviranje. Potražite predložak „Digitalna agencija“ i umetnite ga.
Sada biste trebali vidjeti osnovni dizajn stranice sa člancima.
Treba napomenuti da ako vidite samo jedan članak, to je normalno, jer WordPress dolazi samo sa zadanim primjerom koji je „Hello World! ".
Za sada je sve što trebate učiniti objaviti svoju stranicu arhive i postavite da se prikazuje u svim arhivama.
Pročitajte naš vodič o Kako ručno premjestiti web lokaciju WordPress
Zatim možete otići na meni postova na vašoj kontrolnoj tabli i kreirati nove postove na blogu. Dodijelite svaku stavku kategoriji pod nazivom “Vijesti".
Sada, kada odete na svoju stranicu bloga, trebali biste automatski vidjeti sve ove nove postove:
Izrada stranice predloška blogova
U ovom trenutku, stranica vašeg bloga ima prilično jednostavan izgled. Ali ako kliknete na određeni blog post, izgled neće odgovarati ostatku vaše web stranice.
Da biste riješili ovaj problem, morate stvoriti "jedinstveni" predložak s Elementorom:
- Otvoreni graditelj elemenata Elementor
- Idite na karticu jedan Post
- kliknite na Dodaj novi
U skočnom prozoru Novi predložak :
- Daj mu ime
- izabrati Post na padajućem spisku Odaberite Vrsta posta. Ovo govori Elementoru da ovaj predložak želite koristiti za postove na blogu (za razliku od Stranica ili nekog drugog prilagođenog tipa posta koji biste mogli koristiti)
Još jednom ćete vidjeti Elementor biblioteku predložaka. Pronađite jedinstveni predložak članka predloška "Digitalna agencija" i umetnite ga.
Read also Režim održavanja na WordPressu: Objašnjenje i konfiguracija
Ako želite, možete upotrebljavati brojne dinamičke widgete za objavljivanje podataka da biste kontrolirali izgled svoje stranice.
Na primjer, ako modificirate widget Objavite informacije, moći ćete kontrolirati elemente metapodataka koji se pojavljuju, kao u publikaciji ...
- autora
- Datum objave
- komentari
- Itd
Kada ste zadovoljni svojim modelom predmeta, kliknite objaviti. Tada možete koristiti opcije prikaza tako da se ovaj jedinstveni predložak odnosi samo na objave u kategoriji „Iznad vijesti“:
- Odaberite iz kategorija
- Odaberite kategoriju Vijesti
Zatim pritisnite Sačuvaj i zatvori.
Sada bi svi vaši postovi na blogovima trebali imati dizajn koji odgovara ostatku vaše web stranice.
Da biste završili stvari, idite na Izgled → Meniji i dodajte svoju blog stranicu u svoj navigacijski meni. Da biste to učinili, možete dodati link do kategorije "Novosti" u odjeljku Kategorije.
stranica 404
Na kraju, morate stvoriti 404 stranicu svoje web stranice. Stranica 404 vaše web stranice je ono što će posjetitelji vidjeti ako slijede neispravnu vezu ili pokušaju posjetiti stranicu koja ne postoji.
Otkrijte i naše 5 WordPress dodatke za obradu 404 grešaka
Da kreirate svoju 404 stranicu, koristite Elementor vizualni graditelj da dodate još jedan jedinstveni predložak.
- Otvoreni graditelj elemenata Elementor
- Idite na karticu 404 greška
- kliknite na Dodaj novi
- Ubacite šablon za digitalnu agenciju sa 404 stranice
Zatim objavite svoj predložak da dovršite svoju web stranicu.
Nabavite Elementor Pro odmah!
zaključak
Dakle! To je sve za ovaj vodič koji vam pokazuje korak po korak kako napraviti web stranicu u kompletu sa Elementorom. Ako jesi komentari ili prijedloge, ne oklijevajte da nas obavijestite u rezerviranom odjeljku.
Međutim, možete se posavjetovati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem o Izrada bloga WordPress ili onaj on Divi: najbolja WordPress tema svih vremena.
Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.
...
