Elementor pravidelně nabízí témata, která vám pomohou vytvořit web kompletní z těchto. 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.
Zkombinováno s Elementor Pro, tato témata vám 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 to ukážeme jak vytvořit web dokončete 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žít motiv jako základ pro všechny důležité části vašeho webu, a poté vše poskládat vytvořit web koherentní.
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.
Tady je jak vytvořit web s motivem 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".
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:
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.
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
Poté publikujte šablonu, abyste dokončili svůj web.
Získejte nyní prvek Elementor Pro!
Proč investovat do čističky vzduchu?
Tak ! To je vše pro tuto příručku, která vám ukáže krok za krokem jak vytvořit web kompletní 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.
...
