Elementor redovito nudi teme koje vam pomažu stvoriti web stranicu potpuni 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.

U kombinaciji sa Elementor Profesionalci, ove vam teme pomažu da brzo započnete sa svakim dijelom svoje web stranice, uključujući:

pstatična dob, poput početne stranice,

  • zaglavlje
  • podnožje
  • strana 404
  • odjeljak Arhiva 
  • blog
  • Popupa i drugi

U ovom vodiču ćemo vam pokazati kako napraviti web stranicu dovršite pomoću alata za izradu vizualnih stranica Elementor.

Ali prije, ako nikad niste instalirali WordPress, otkrijte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Kako izgraditi cjelovitu web stranicu s elementima Elementa ili

U ovom vodiču naučit ćete kako koristiti temu kao osnovu za sve važne dijelove vaše web stranice, a zatim sve sastaviti za stvoriti web stranicu koherentan.

Preciznije, tema Digitalna agencija.

Vaša će web stranica imati nekoliko osnovnih stranica, poput stranica:

  • dobrodošli
  • À propos
  • Usluge
  • Klijenti
  • Blog
  • Kontakt

Također nudi odjeljke posvećene i dinamičnom sadržaju. Na primjer, vaše arhive postova na blogu i predlošci posta automatski se podudaraju sa vašim samostalnim stranicama. Također možete promijeniti zaglavlje, podnožje i stranice 404.

Kako stvoriti cjeloviti element web stranice ili blogpascher 1

Dakle, ovdje je kako napraviti web stranicu s temom Elementor:

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.

Da biste započeli, idite na Izgled → Teme → Dodaj i traži " Pozdrav Elementor". Zatim instalirajte i aktivirajte temu. 

2. Konfigurirajte osnovne statičke stranice na vašem web mjestu

Zatim idite na izbornik Stranice → Dodaj za stvaranje osnovnih stranica vaše web stranice.

Prvo izradite stranicu pod nazivom " dobrodošli "I kliknite na gumb Uredite s Elementorom za pokretanje Elementora.

Kliknite postavke otvoriti postavke stranice i promijenite njezin izgled da bude jednak Elementor pune širine.

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 " À propos".

Kao i prije, stvorite stranicu i promijenite Layout u Elementor pune širine, Zatim otvorite biblioteku predložaka i umetnite je O nama teme Digitalna agencija.

Sada samo ponovite isti postupak za stvaranje svih ostalih stranica, uključujući: usluge, Kupci i Kontakt.

Ne brinite za stranicu bloga samo još. Ova stranica nije statična kao ostale. Zbog toga ć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, morate svojoj WordPress instalaciji reći da koristi statičku početnu stranicu. Uraditi ovo…

  • Nastavi Postavke → Reprodukcija
  • izabrati  Statička stranica (odaberite ispod) pod vašim početnim stranicama 
  • 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 pomoću Elementora. Elementor vam omogućuje da idete dalje od stvaranja statičnih stranica (kao što ste učinili gore).

S Elementorom također možete dizajnirati odjeljke 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 Elementarovom vizualnom graditelju, 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

Za početak idite na karticu Kombajn zatim sučelja za izgradnju alata za vizualnu izgradnju, a zatim kliknite Dodaj novi. Na sljedećem zaslonu vidjet ćete izbor predložaka u biblioteci Elementor. Baš kao što ste učinili sa statičnim stranicama, potražite "Digitalna agencija", a zatim umetnite:

Elementor - umetanje predloška zaglavlja

Sada biste trebali vidjeti vizualni pregled zaglavlja, kao i navigacijski izbornik iz predloška koji ste umetnuli.

Ako to želite promijeniti

  • Nastavi  Izgled → izbornici na vašoj WordPress nadzornoj ploči
  • Napravite novi izbornik

Nakon što stvorite izbornik, stranice koje ste stvorili u koraku # 2 možete dodati u navigacijski izbornik.

Pročitajte također: 10 Alati za automatizaciju za marketing malih poduzeća

Kada završite s dodavanjem stavki izbornika, spremite svoj izbornik i vratite se na predložak zaglavlja u Elementor sučelju.

tada objaviti zaglavlja i koristite uvjete prikaza za prikaz 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

Podnožje

Sada je vrijeme za izradu podnožja vaše web stranice:

  • Vratite se na sučelje za izradu vizualnih stranica
  • Kliknite karticu Footer 
  • Kliknite gumb za Dodavanje novog podnožja
  • U skočnom prozoru navedite ime podnožja i kliknite na Stvorite predložak

Sada biste trebali vidjeti popis predložaka podnožja kao što ste to učinili sa svojim zaglavljem. Potražite "Digitalna agencija" i umetnite predložak podnožja.

Nakon što umetnete predložak podnožja, trebali biste vidjeti pregled podnožja podnožja:

tada objaviti predložak podnožja i upotrijebite uvjete prikaza da biste ga prikazali na cijeloj vašoj web lokaciji.

Stranica bloga

Za razliku od statičnih stranica koje ste stvorili u koraku # 2, stranica bloga vašeg web mjesta 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 preusmjeren na stranicu koja prikazuje sadržaj te stavke. To 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.).

Otkrijte također Kako dodati sadržaj u programu WordPress s Elementor

Za stvaranje arhivskih stranica i jedinstvenih predložaka stranica, trebali biste upotrijebiti Elementor Visual Builder - a ne zone stranica ou članak Zadani WordPress

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 zaglavlja i podnožja, vidjet ćete popis predložaka stranica za arhiviranje. Potražite predložak "Digitalna agencija" i umetnite ga.

Sada biste trebali vidjeti osnovni dizajn stranice s č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č na Kako ručno premjestiti web stranicu WordPressa

Zatim možete otići na izbornik postova na svojoj nadzornoj ploči i stvoriti nove postove na blogu. Dodijelite svaku stavku kategoriji pod nazivom "Vijesti iz kluba".

Sada, kada odete na svoju stranicu bloga, trebali biste automatski vidjeti sve ove nove postove:

Izrada stranice predloška blogova

U ovom trenutku vaša stranica bloga ima prilično jednostavan izgled. Ali ako kliknete na određeni post na blogu, izgled neće odgovarati ostatku vaše web stranice.

Da biste riješili ovaj problem, morate stvoriti "jedinstveni" predložak s Elementorom:

  • Otvori vizualni graditelj Elementor
  • Idite na karticu jedan pošta
  • Kliknite Dodaj novi

U skočnom prozoru Novi predložak :

  • Dajte mu ime
  • odabrati pošta na padajućem popisu Odaberite Vrsta posta, Ovo govori Elementoru da ovaj predložak želite koristiti za postove na blogu (za razliku od Stranice ili neke druge prilagođene vrste posta koju biste mogli koristiti)

Još jednom ćete vidjeti Elementor biblioteku predložaka. Pronađite jedinstveni predložak članka predloška "Digitalna agencija" i umetnite ga.

Pročitajte također Način održavanja na WordPressu: Objašnjenje i konfiguracija

Ako želite, možete upotrijebiti brojne widgete za dinamičko objavljivanje podataka da biste kontrolirali izgled svoje stranice.

Na primjer, ako modificirate widget  Informacije o postu, moći ćete kontrolirati elemente metapodataka koji se pojavljuju, kao u publikaciji ...

  • Autor
  • Datum objavljivanja
  • Commentaires
  • Itd.

Kada ste zadovoljni svojim modelom predmeta, kliknite objaviti. Tada možete upotrijebiti opcije prikaza tako da se ovaj jedinstveni predložak odnosi samo na postove u kategoriji "Iznad vijesti":

  • Odaberite iz kategorija
  • Odaberite kategoriju Vijesti iz kluba

Zatim pritisnite Spremi i zatvori.

Sada bi svi vaši postovi na blogovima trebali imati dizajn koji odgovara ostatku vaše web stranice.

Za završetak stvari idite na Izgled → izbornici i dodajte svoju stranicu bloga u svoj navigacijski izbornik. Da biste to učinili, u odjeljku možete dodati vezu na kategoriju "Vijesti". Kategorije.

Stranica 404

Na kraju, morate stvoriti stranicu 404 svoje web stranice. Stranica 404 vaše web stranice posjetitelji će vidjeti ako slijede neispravnu vezu ili pokušaju posjetiti stranicu koja ne postoji.

Otkrijte i naše 5 WordPress čep za bolje upravljanje pogreške 404

Da biste stvorili svoju stranicu 404, upotrijebite Elementor vizualni alat za dodavanje još jednog jedinstvenog predloška.

  • Otvori vizualni graditelj Elementor
  • Idite na karticu 404 greška
  • Kliknite Dodaj novi
  • Umetnite predložak Digitalne agencije sa stranice 404
404 stranica - izradite kompletnu web stranicu

Zatim objavite svoj predložak kako biste dovršili 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 zajedno s Elementorom. Ako jesi komentari ili prijedloge, ne ustručavajte se obavijestiti nas u rezerviranom odjeljku.

Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama

...