Divi: Najlepšia WordPress tému všetkých čias!

viac Stahovanie 901.000, Divi je najobľúbenejšia WordPress tému na svete. Je kompletný, ľahko použiteľný a je dodávaný s viac než 62 bezplatnými šablónami.

Elementor pravidelne ponúka témy, ktoré vám z nich pomôžu vytvoriť kompletný web. 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.

V kombinácii s prvkom Elementor Pro vám tieto témy 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 tutoriále vám teda ukážeme, ako vytvoriť kompletný web 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žívať tému ako základ pre všetky dôležité časti vašej webovej stránky, a potom ju dať dokopy a vytvoriť súdržnú webovú stránku.

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.

Ako vytvoriť kompletný webový server alebo blogpascher 1

Tu je postup, ako vytvoriť web 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„.

Ľahko vytvorte svoje webové stránky pomocou Elementoru

Elementor vám umožňuje vytvárať Jednoducho a zadarmo akýkoľvek dizajn webovej stránky alebo blogu s profesionálnym vzhľadom. Prestaňte platiť veľa za webovú stránku, ktorú môžete urobiť sami.

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:

Elementor - vložte šablónu hlavičky

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.

Chcete predávať svoje produkty na internete?

Stiahnite si zadarmo WooCommerce, najlepšie doplnky elektronického obchodu na predaj vašich fyzických a digitálnych produktov na WordPress a jednoduché vytvorenie vášho online obchodu. Ideálne pre začiatočníkov.

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
Stránka 404 – vytvorte kompletnú webovú stránku

Potom publikujte svoju šablónu, aby ste dokončili svoj web.

Získajte teraz prvok Elementor!

záver

Tu je! To je pre túto príručku, ktorá vám krok za krokom ukáže, ako vytvoriť kompletný web s Elementor. 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

...

0 akcie
podiel
tweet
Registrovať