Elementor pravidelne ponúka témy, ktoré vám pomôžu vytvoriť webovú stránku kompletné z týchto. Každý mesiac vydávame nové témy, ktoré sú postavené na konkrétnom výklenku a sú dostatočne flexibilné na to, aby ste ich mohli konečne prispôsobiť svojim potrebám.
Kombinovaný s Elementor Pro, tieto témy vám pomôžu rýchlo začať s každou časťou vášho webu vrátane:
pstatický vek, napríklad na domovskú stránku,
- hlavička
- pätu
- strana 404
- časť Archív
- blog
- Kontextové okná a ďalšie
V tomto návode vám to ukážeme ako vytvoriť webovú stránku dokončite pomocou vizuálneho nástroja na tvorbu stránok Elementor.
Ale predtým, ak ste nikdy nenainštalovali WordPress objaviť Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu
Potom späť k tomu, prečo sme tu.
Ako vytvoriť kompletný web s prvkami elementov
V tomto návode sa naučíte, ako použiť tému ako základ pre všetky dôležité časti vašej webovej stránky a potom dať všetko dokopy vytvoriť webovú stránku koherentný.
Presnejšie povedané, téma Digitálna agentúra.
Váš web bude obsahovať niekoľko základných stránok, napríklad stránky:
- vitajte
- o
- Služby
- Klienti
- Blog
- Kontakt
A ponúka tiež sekcie venované aj dynamickému obsahu. Napríklad vaše archívy a šablóny príspevkov blogu sa automaticky zhodujú s vašimi samostatnými stránkami. Môžete tiež zmeniť hlavičky, päty a stránky 404.
tak tu ako vytvoriť webovú stránku s témou Elementor:
1. Nainštalujte a aktivujte tému Elementor Hello
Pretože na vytvorenie celej svojej webovej stránky použijete Elementor a šablónu témy, nemusíte hľadať ďalšie prvky.
Namiesto toho budete potrebovať ľahký web optimalizovaný pre výkon, ktorý poskytuje téma Elementor Hello.
Ak chcete začať, prejdite na stránku Vzhľad → Témy → Pridať a hľadať “ Dobrý deň, elementár„. Potom tému nainštalujte a aktivujte.
2. Nakonfigurujte základné statické stránky svojho webu
Potom prejdite do ponuky Stránky → Pridať vytvoriť základné stránky svojho webu.
Najskôr vytvorte stránku s názvom „ vitajte „A kliknite na tlačidlo Upravte pomocou funkcie Elementor na spustenie Elementora.
Kliknite na nastavenie otvoriť nastavenia stránky a zmeňte jej rozloženie tak, aby bolo rovnaké Elementor Fullwidth.
Potom otvorte knižnicu šablón Elementor a vyhľadajte výraz „Digital Agency“ pod položkou stránky :
Mali by ste vidieť zoznam šablón stránky tejto témy. Vložte šablónu Hlavná stránka zo zoznamu modelov.
Teraz by ste mali vidieť celú domovskú stránku. Hlavička vyzerá zatiaľ trochu nudne - ale nebojte sa, čoskoro to napravíme.
Potom pridajte ďalšiu stránku, ktorú chcete použiť pre svoj o„.
Ako predtým vytvorte stránku a zmeňte rozloženie na Elementor Fullwidth, Potom otvorte knižnicu šablón a vložte ju O nás témy Digitálna agentúra.
Teraz jednoducho zopakujte rovnaký postup a vytvorte všetky ďalšie stránky vrátane: služby, Zákazníci a Kontakt.
O stránku blogu sa zatiaľ nemusíte báť. Táto stránka nie je statická ako ostatné stránky. Z tohto dôvodu ju vytvoríte inou metódou (ktorú si preberieme neskôr v tomto návode).
Ak chcete dokončiť nastavenie svojich statických stránok, musíte svojej inštalácii WordPress povedať, aby používala statickú domovskú stránku. Robiť to…
- Pokračujte Nastavenia → Prehrávanie
- zvoliť Statická stránka (vyberte nižšie) v nastaveniach vašej domovskej stránky
- Vyberte stránku, ktorá obsahuje šablónu domovskej stránky témy
3. Vytvorte ďalšie časti svojej webovej stránky
Teraz ste pripravení vytvoriť ďalšie časti vášho webu pomocou Elementor. Elementor vám umožňuje ísť nad rámec vytvárania statických stránok (ako ste to urobili vyššie).
S Elementorom môžete navrhovať aj oddiely, ako napríklad: en-hlava; päta atď.
A vďaka téme Elementor budete môcť importovať šablóny pre všetky sekcie, ktoré sa už nachádzajú na statických stránkach, ktoré ste vytvorili v predchádzajúcom kroku.
Ak chcete získať prístup k vizuálnemu nástroju Elementor, prejdite na Šablóny → Tvorca tém. Aby ste k nemu mali prístup, budete si musieť nainštalovať produkt Elementor Pro.
Teraz je čas vytvoriť si sekcie
hlavička
Ak chcete začať, prejdite na kartu Hlavička rozhrania vizuálneho tvorcu a potom kliknite na Pridať nové. Na ďalšej obrazovke uvidíte výber šablón v knižnici Elementor. Rovnako ako v prípade statických stránok vyhľadajte výraz „Digitálna agentúra“ a potom vložte:
Teraz by ste mali vidieť vizuálny náhľad vašej hlavičky, ako aj navigačnú ponuku zo šablóny, ktorú ste vložili.
Ak to chcete zmeniť
- Pokračujte Vzhľad → Ponuky na hlavnom paneli WordPress
- Vytvorte nové menu
Po vytvorení ponuky môžete do navigačnej ponuky pridať stránky, ktoré ste vytvorili v kroku č. 2.
Čítajte tiež: 10 Automatizačné nástroje pre marketing malých firiem
Po dokončení pridávania položiek ponuky ponuku uložte a vráťte sa do šablóny hlavičky v rozhraní Elementor.
potom publikovať svoju hlavičku a použite podmienky zobrazenia na zobrazenie šablóny hlavičky na celom svojom webe. Ak chcete, môžete tiež použiť podmienky zobrazenia na vytvorenie rôznych hlavičiek pre rôzne typy obsahu:
Potom stlačte Uložiť a zavrieť
zápätie
Teraz je čas vytvoriť pätu webových stránok:
- Návrat na rozhranie vizuálneho nástroja na tvorbu stránok
- Kliknite na kartu Zápätie
- Kliknite na tlačidlo Pridať novú pätu
- V rozbaľovacej ponuke pomenujte pätu a kliknite na Vytvorte šablónu
Teraz by ste mali vidieť zoznam šablón päty rovnako ako v záhlaví. Vyhľadajte „Digitálna agentúra“ a vložte šablónu päty.
Po vložení šablóny päty by sa vám mala zobraziť ukážka päty:
potom publikovať šablónu päty a pomocou zobrazovaných výrazov ju zobrazte na celom svojom webe.
Stránka blogu
Na rozdiel od statických stránok, ktoré ste vytvorili v kroku 2, je stránka blogu vášho webu „ archívne ". V podstate to znamená, že dynamicky zobrazuje najnovší obsah z vášho webu.
Ak používateľ klikne na konkrétnu položku na stránke blogu, dostane sa na stránku, ktorá zobrazuje obsah tejto položky. Toto sa nazýva „jednotná“ stránka. Váš jedinečný dizajn zaisťuje, že všetok váš obsah bude vyzerať rovnako – jediné, čo sa zmení, je skutočný obsah (napríklad názov príspevku, telo, odporúčaný obrázok atď.).
Discover Ako pridať obsah do WordPress s
Na vytvorenie archívnych stránok a jedinečných šablón stránok by ste mali použiť vizuálny tvorca Elementoru - nie zóny strana ou článok Predvolené nastavenie WordPress.
Začať…
- Otvorte rozhranie nástroja Theme Builder
- Prejdite na kartu Archív
- Kliknite na Pridať nový
- Pomenujte ho a kliknite na Vytvoriť šablónu
Rovnako ako v prípade hlavičky a päty sa zobrazí zoznam šablón archívnych stránok. Vyhľadajte šablónu „Digitálna agentúra“ a vložte ju.
Teraz by ste mali vidieť základný dizajn stránky s článkami.
Treba poznamenať, že ak vidíte iba jeden článok, je to normálne, pretože WordPress prichádza iba s predvoleným príkladom, ktorý je „Ahoj svet! ".
Pre túto chvíľu všetko, čo musíte urobiť, je publikovať svoju stránku archívu a nastavte ju tak, aby sa zobrazovala vo všetkých archívoch.
Prečítajte si nášho sprievodcu Ako ručne migrovať webovú stránku WordPress
Potom môžete prejsť do ponuky príspevkov na hlavnom paneli a vytvoriť nové blogové príspevky. Každú položku priraďte do kategórie s názvom „Novinky".
Teraz, keď prejdete na svoju stránku blogu, mali by ste automaticky vidieť všetky tieto nové príspevky:
Vytvorenie stránky šablóny blogového príspevku
V tomto bode má vaša blogová stránka celkom užívateľsky príjemný vzhľad. Ak však kliknete na konkrétny blogový príspevok, rozloženie nebude zodpovedať zvyšku vašej webovej stránky.
Ak chcete vyriešiť tento problém, musíte vytvoriť "jedinečnú" šablónu s Elementorom:
- Otvorte vizuálny tvorca prvku Elementor
- Prejdite na kartu jednoposteľová pošta
- Kliknite na Pridať nové
Vo vyskakovacom okne Nová šablóna :
- Dajte mu meno
- vybrať pošta v rozbaľovacom zozname Vyberte položku Typ príspevku, To Elementorovi povie, že chcete použiť túto šablónu pre vaše príspevky v blogu (na rozdiel od stránok alebo iného vlastného typu príspevku, ktorý by ste mohli použiť)
Opäť uvidíte knižnicu šablón Elementor. Vyhľadajte jedinečnú šablónu článku v šablóne „Digitálna agentúra“ a vložte ju.
Prečítajte si tiež Režim údržby na WordPress: Vysvetlenie a konfigurácia
Ak chcete, môžete pomocou mnohých widgetov dynamických publikovacích údajov ovládať vzhľad svojej stránky.
Napríklad, ak upravíte miniaplikáciu Informácie o príspevku, budete môcť ovládať prvky metaúdajov, ktoré sa objavujú, napríklad v publikácii ...
- Autor
- Dátum zverejnenia
- komentáre
- Atď
Keď ste so svojím modelom položky spokojní, kliknite na ikonu publikovať. Potom môžete použiť možnosti zobrazenia, aby sa táto jedinečná šablóna vzťahovala iba na príspevky v kategórii „Beyond News“:
- Vyberte z ponuky kategórie
- Vyberte kategóriu Novinky
Potom stlačte Uložiť a zavrieť.
Teraz by všetky vaše príspevky v blogu mali mať dizajn, ktorý zodpovedá zvyšku vašej webovej stránky.
Ak chcete veci dokončiť, prejdite na Vzhľad → Ponuky a pridajte svoju blogovú stránku do navigačnej ponuky. Ak to chcete urobiť, môžete v sekcii pridať odkaz do kategórie „Novinky“. Kategórie.
page 404
Nakoniec musíte vytvoriť 404 stránku svojho webu. 404 stránka vášho webu je to, čo návštevníci uvidia, ak sledujú nefunkčný odkaz alebo sa pokúšajú navštíviť stránku, ktorá neexistuje.
Objavte aj naše 5 WordPress pluginy lepšie riadiť chyby 404
Ak chcete vytvoriť svoju stránku 404, použite vizuálny nástroj Elementor a pridajte ďalšiu jedinečnú šablónu.
- Otvorte vizuálny tvorca prvku Elementor
- Prejdite na kartu Chyba 404
- Kliknite na Pridať nové
- Vložte šablónu digitálnej agentúry zo strany 404
Potom publikujte svoju šablónu, aby ste dokončili svoj web.
Získajte teraz prvok Elementor!
záver
Takže ! To je všetko pre túto príručku, ktorá vám ukáže krok za krokom ako vytvoriť webovú stránku kompletný s Elementorom. Ak máte komentáre alebo návrhy, neváhajte a dajte nám vedieť v rezervovanej sekcii.
Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, konzultujte nášho sprievodcu na internete Tvorba blogu WordPress alebo jeden na Divi: najlepšia téma WordPress všetkých čias.
Ale medzičasom zdieľajte tento článok na rôznych sociálnych sieťach.
...
