Divi: Nejlepší WordPress téma všech dob!

více Stahování 901.000, Divi je nejoblíbenější téma WordPress na světě. Je kompletní, snadno použitelný a je dodáván s více než šablonami 62 zdarma.

Elementor pravidelně nabízí témata, která vám pomohou vytvořit z nich kompletní web. Každý měsíc vydáváme nová témata, která jsou postavena na konkrétním výklenku a přesto dostatečně flexibilní, abyste je mohli konečně přizpůsobit svým vlastním potřebám.

V kombinaci s Elementor Pro vám tato témata pomohou rychle začít s každou částí vašeho webu, včetně:

pstatický věk, jako je domovská stránka,

  • záhlaví
  • zápatí
  • strana 404
  • sekce Archiv 
  • blog
  • Vyskakovací okna a další

V tomto tutoriálu vám ukážeme, jak vytvořit kompletní web pomocí vizuálního nástroje pro tvorbu stránek Elementor.

Ale dříve, pokud jste nikdy nenainstalovali WordPress objevit Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Jak vytvořit kompletní web s tématy elementů

V tomto tutoriálu se naučíte, jak používat téma jako základ pro všechny důležité části vašeho webu, a pak vše dát dohromady a vytvořit soudržný web.

Přesněji řečeno, téma Digitální agentura.

Váš web bude mít několik základních stránek, například stránky:

  • vítejte
  • o
  • Služby
  • Klienti
  • Blog
  • Kontakt

A také nabízí sekce věnované dynamickému obsahu. Například vaše blogy a archivy příspěvků automaticky odpovídají vašim samostatným stránkám. Můžete také změnit záhlaví, zápatí a stránky 404.

Jak vytvořit kompletní element webu nebo blogpascher 1

Tady je postup, jak vytvořit web s tématem Elementor:

1. Nainstalujte a aktivujte motiv Elementor Hello 

Protože k vytváření celého webu budete používat Elementor a šablonu motivu, nemusíte hledat další prvky.

Místo toho budete potřebovat lehký web optimalizovaný pro výkon, který poskytuje motiv Elementor Hello.

Chcete-li začít, přejděte na Vzhled → Motivy → Přidat a hledat “ Ahoj Elementore". Poté motiv nainstalujte a aktivujte. 

2. Nakonfigurujte základní statické stránky vašeho webu

Poté přejděte do nabídky Stránky → Přidat vytvořit základní stránky vašeho webu.

Nejprve vytvořte stránku s názvem „ vítejte "A klikněte na tlačítko." Upravte pomocí funkce Elementor ke spuštění Elementoru.

Klepněte na tlačítko nastavení otevřít nastavení stránky a změňte její rozložení tak, aby se rovnalo Elementor Fullwidth.

Potom otevřete knihovnu šablon Elementor a vyhledejte "Digital Agency" pod stránky :

Měli byste vidět seznam šablon stránek tohoto motivu. Vložit šablonu Hlavní stránka ze seznamu modelů.

Nyní byste měli vidět celou domovskou stránku. Záhlaví zatím vypadá trochu nudně - ale nebojte se, brzy to napravíme..

Dále přidejte další stránku, kterou chcete použít pro „ o".

Vytvořte si snadno svůj web pomocí Elementoru

Elementor vám umožní tvořit Snadno a zdarma jakýkoli design webových stránek nebo blogu s profesionálním vzhledem. Přestaňte platit hodně za web, který si můžete udělat sami.

Jako dříve vytvořte stránku a změňte rozložení na Elementor Fullwidth. Poté otevřete knihovnu šablon a vložte ji O Nás tématu Digitální agentura.

Nyní opakujte stejný postup a vytvořte všechny ostatní stránky, včetně: Služby, Zákazníci a Kontakt.

O stránku blogu se zatím nemusíte starat. Tato stránka není statická jako ostatní. Z tohoto důvodu ji vytvoříte jinou metodou (kterou se budeme věnovat dále v tomto tutoriálu).

Chcete-li dokončit nastavení statických stránek, musíte své instalaci WordPress sdělit, aby používala statickou domovskou stránku. Udělat toto…

  • Pokračujte Nastavení → Přehrávání
  • zvolit  Statická stránka (vyberte níže) v nastavení domovské stránky 
  • Vyberte stránku, která obsahuje šablonu domovské stránky motivu

3. Vytvořte další části svého webu

Nyní jste připraveni vytvořit další části vašeho webu pomocí Elementor. Elementor vám umožňuje jít nad rámec vytváření statických stránek (jako jste to udělali výše).

S Elementorem můžete také navrhovat řezy jako: en-hlava; zápatí atd.

A díky motivu Elementor budete moci importovat šablony pro všechny sekce, které jsou již na statických stránkách, které jste vytvořili v předchozím kroku.

Chcete-li získat přístup k vizuálnímu nástroji Elementor, přejděte na Šablony→ Tvůrce motivů. Abyste k němu měli přístup, musíte nainstalovat aplikaci Elementor Pro.

Nyní je čas vytvořit své sekce

hlavička

Chcete-li začít, přejděte na kartu Hlavička rozhraní vizuálního tvůrce a poté klikněte na Vytvořit zeď. Na další obrazovce uvidíte výběr šablon v knihovně Elementor. Stejně jako u statických stránek vyhledejte „Digitální agentura“ a vložte:

Elementor - vložte šablonu záhlaví

Nyní byste měli vidět vizuální náhled vaší hlavičky a také navigační nabídku ze šablony, kterou jste vložili.

Pokud to chcete změnit

  • Pokračujte  Vzhled → Nabídky na hlavním panelu WordPress
  • Vytvořte nové menu

Jakmile vytvoříte nabídku, můžete do navigační nabídky přidat stránky, které jste vytvořili v kroku č. 2.

Čtěte také: 10 Automatizační nástroje pro Small Business Marketing

Po dokončení přidávání položek nabídky uložte nabídku a vraťte se do šablony záhlaví v rozhraní Elementor.

pak publikovat záhlaví a použijte podmínky zobrazení k zobrazení šablony záhlaví na celém vašem webu. Pokud chcete, můžete také použít podmínky zobrazení k vytvoření různých záhlaví pro různé typy obsahu:

Poté stiskněte Uložit a zavřít

Zápatí

Nyní je čas vytvořit zápatí webu:

  • Vraťte se do rozhraní vizuálního nástroje pro tvorbu stránek
  • Klikněte na záložku Zápatí 
  • Klikněte na tlačítko Přidat nové zápatí
  • V rozbalovací nabídce dejte zápatí jméno a klikněte na Vytvořit šablonu

Nyní byste měli vidět seznam šablon zápatí stejně jako v záhlaví. Vyhledejte „Digital Agency“ a vložte zápatí šablony.

Chcete prodávat své produkty na internetu?

Stáhněte si zdarma WooCommerce, nejlepší pluginy pro e-commerce pro prodej vašich fyzických a digitálních produktů na WordPress a snadné vytvoření vašeho online obchodu. Ideální pro začátečníky.

Po vložení šablony zápatí byste měli vidět náhled zápatí:

pak publikovat šablonu zápatí a pomocí zobrazovaných výrazů ji zobrazte na celém svém webu.

Stránka blogu

Na rozdíl od statických stránek, které jste vytvořili v kroku 2, je stránka blogu vašeho webu „ archiv ". V podstatě to znamená, že dynamicky zobrazuje nejnovější obsah z vašeho webu.

Pokud uživatel klikne na konkrétní položku na stránce blogu, bude přesměrován na stránku, která zobrazuje obsah této položky. Toto se nazývá „jednotná“ stránka. Váš jedinečný design zajišťuje, že veškerý váš obsah bude vypadat stejně – jediné, co se změní, je skutečný obsah (např. název příspěvku, tělo, doporučený obrázek atd.).

Objevte také Jak přidat obsah do WordPress s Elementorem

Chcete-li vytvořit jedinečné archivní stránky a šablony stránek, měli byste použít vizuální builder Elementor - ne zóny strana ou článek Výchozí WordPress.

Začít…

  • Otevřete rozhraní Theme Builder
  • Přejděte na kartu Archiv
  • Klikněte na Přidat nový
  • Pojmenujte jej a klikněte na Vytvořit šablonu

Stejně jako u záhlaví a zápatí se zobrazí seznam šablon archivních stránek. Vyhledejte šablonu „Digitální agentura“ a vložte ji.

Nyní byste měli vidět základní vzhled stránky s články.

Je třeba poznamenat, že pokud vidíte pouze jeden článek, je to normální, protože WordPress přichází pouze s výchozím příkladem, který je „Hello World! ".

Prozatím vše, co musíte udělat, je publikovat stránku archivu a nastavte ji tak, aby se zobrazovala ve všech archivech.

Přečtěte si našeho průvodce Jak ručně migrovat web WordPress

Poté můžete přejít do nabídky příspěvků na hlavním panelu a vytvořit nové blogové příspěvky. Přiřaďte každou položku do kategorie s názvem „Novinky".

Nyní, když přejdete na stránku svého blogu, měli byste automaticky vidět všechny tyto nové příspěvky:

Vytvoření stránky šablony blogového příspěvku

V tuto chvíli má stránka vašeho blogu docela uživatelsky přívětivý vzhled. Pokud ale kliknete na konkrétní blogový příspěvek, rozložení nebude odpovídat zbytku vašeho webu.

Chcete-li tento problém vyřešit, musíte vytvořit „jedinečnou“ šablonu s Elementorem:

  • Otevřete vizuální tvůrce prvku Elementor
  • Přejděte na kartu Jediný Post
  • Klepněte na tlačítko Vytvořit zeď

Ve vyskakovacím okně Nová šablona :

  • Dej mu jméno
  • vybrat Post v rozevíracím seznamu Vyberte typ příspěvku. To říká Elementoru, že chcete použít tuto šablonu pro vaše příspěvky na blogu (na rozdíl od stránek nebo jiných vlastních typů příspěvků, které byste mohli použít)

Opět uvidíte knihovnu šablon Elementor. Najděte jedinečnou šablonu článku šablony „Digitální agentura“ a vložte ji.

Přečtěte si také Režim údržby na WordPress: Vysvětlení a konfigurace

Pokud chcete, můžete použít mnoho dynamických modulů pro publikování dat k řízení vzhledu své stránky.

Pokud například upravíte widget  Informace o příspěvku, budete moci ovládat prvky metadat, které se zobrazují, například v publikaci ...

  • Autor
  • Datum zveřejnění
  • Komentáře
  • Atd.

Jakmile jste se svým modelem položky spokojeni, klikněte na publikovat. Potom můžete použít možnosti zobrazení, aby se tato jedinečná šablona vztahovala pouze na příspěvky v kategorii „Mimo zprávy“:

  • Vyberte z kategorie
  • Vyberte kategorii Novinky

Poté stiskněte Uložit a zavřít.

Nyní by všechny vaše blogové příspěvky měly mít design, který odpovídá zbytku vašeho webu.

Chcete-li dokončit věci, přejděte na Vzhled → Nabídky a přidejte svou stránku blogu do navigační nabídky. Chcete-li to provést, můžete v sekci přidat odkaz do kategorie „Novinky“. Kategorie.

Page 404

Nakonec musíte na svém webu vytvořit stránku 404. Stránka 404 vašeho webu zobrazuje návštěvníkům, pokud sledují nefunkční odkaz nebo se pokoušejí navštívit stránku, která neexistuje.

Objevte také naše 5 WordPress pluginy lépe řídit chyby 404

Chcete-li vytvořit svou stránku 404, použijte vizuální tvůrce Elementor a přidejte další jedinečnou šablonu.

  • Otevřete vizuální tvůrce prvku Elementor
  • Přejděte na kartu Chyba 404
  • Klepněte na tlačítko Vytvořit zeď
  • Vložte šablonu digitální agentury ze stránky 404
Stránka 404 – vytvořte kompletní web

Poté publikujte šablonu, abyste dokončili svůj web.

Získejte nyní prvek Elementor Pro!

závěr

Tady je ! To je pro tuto příručku, která vám krok za krokem ukáže, jak vytvořit kompletní web s Elementorem. Pokud ano komentáře nebo návrhy, neváhejte a dejte nám vědět ve vyhrazené sekci.

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci vašich projektů vytváření internetových stránek, nahlédněte do našeho průvodce na internetu Vytvoření blogu WordPress nebo ten, který je zapnutý Divi: nejlepší téma WordPress všech dob.

Mezitím sdílejte tento článek na různých sociálních sítích

...

0 akcie
podíl
tweet
Zadat