Jak používat Avada Header, Footer a Tvůrce rozložení sloupců

Náš vlastní tvůrce stránek, Avada Builder, je nyní k dispozici ve dvou rozhraních: Avada Builder, což je náš back-endový tvůrce drátových stránek, a Avada Live, což je náš front-endový tvůrce, který byl uveden teprve nedávno s Avada 6.0. .

Pomocí našeho přímočarého systému kontejnerů, sloupců a prvků vám obě verze Avada Builderu umožňují snadno navrhovat krásná rozvržení stránek pro váš web. Avada Builder je fantastický nástroj pro moderní webové designéry i vlastníky stránek, protože jim dává úplnou kontrolu nad všemi aspekty obsahu a rozložení stránky. Obě verze Avada Builderu také generují stejný kód. Jsou zcela zaměnitelné, což vám umožní mít to nejlepší z obou světů s Avada Builder, který je aktuálně k dispozici.

Stránka Layout Builder je místo, kde najdete všechna vaše rozložení a všechna podmíněná rozložení, která si budete přát sestavit navíc ke globálnímu rozložení vytvořenému ve výchozím nastavení. Zde se také nachází oblast, kde ke svým rozvržením přiřazujete sekce rozvržení a specifikujete podmínky, aby se vaše podmíněná rozvržení projevila.

K Layout Builderu lze přistupovat z Avada Dashboard výběrem Layouts > Layout Builder z rozevírací nabídky. Jedním z nejpřímějších způsobů, jak popsat rozvržení, je říci, že jde o kontejnery, které obsahují čtyři části rozvržení stránky – sekci záhlaví, sekci záhlaví stránky, sekci obsahu a sekci zápatí. Další informace o rozdílech mezi oddíly rozvržení a rozvrženími naleznete v tomto dokumentu: Porozumění rozvržení a oddílům rozvržení (PDF). Pokračujte ve čtení a dozvíte se více o tom, co můžete na této stránce dělat.

Dvě části jsou umístěny úplně nahoře na stránce Layout Builder. V první části je popsána technika pro naplnění sekcí rozvržení v globálním rozvržení nebo generování podmíněných rozvržení (nápověda: toto můžete zavřít pomocí X) a na pravé straně obrazovky je oblast, ze které můžete přímo vytvářet nové rozvržení (viz níže). Zadejte název nového rozvržení a poté proces dokončete kliknutím na Vytvořit nové rozvržení. Při použití této metody se vytvoří prázdné rozvržení; nejsou specifikovány žádné části rozvržení ani podmínky.

Jak vytváříte rozvržení, jsou automaticky importována na stránku Layout Builder. Rozvržení můžete přejmenovat kliknutím na tlačítko Přejmenovat v horní části stránky. Můžete také kliknout na ikonu ozubeného kolečka, abyste vytvořili podmínky pro rozvržení, a rozvržení můžete odstranit kliknutím na ikonu Koš v horní části stránky. Kritéria můžete také zobrazit a přiřadit kliknutím na spodní část všech rozvržení kromě globálního rozvržení.

V každém rozvržení můžete vidět čtyři části rozvržení přiřazené konkrétnímu rozvržení, jednu pro každé ze čtyř rozvržení. V každé sekci rozvržení uvidíte ikonu +, která vám umožní přiřadit sekci rozvržení k této sekci rozvržení, když na ni najedete myší. Máte možnost k této sekci přiřadit existující sekci rozvržení nebo vytvořit zcela novou sekci od začátku.

Použití rozvržení sekcí

V rámci Avada Layouts nyní můžete pro svůj web vytvářet plně přizpůsobitelné zápatí a využívat k tomu celou kreativní schopnost Avada Builderu.

Rozvržení zápatí je část rozvržení přidaná k rozvržení. amp vlastní zápatí vyžaduje oddíl rozvržení zápatí, který lze přidat do globálního nebo vlastního rozvržení. V další části se podíváme na vytvoření vlastní sekce rozvržení zápatí, ale nejprve se podívejme na Představení rozvržení Avada.

Na postranním panelu WordPress nebo na Avada Dashboard vyberte Avada > Rozvržení. Zde se vytvářejí a spravují rozvržení a sekce rozvržení Avada. Jak je znázorněno níže, globální rozvržení je zpočátku prázdné, bez přidružených sekcí rozvržení.

Přizpůsobení rozvržení

Tuto sekci lze přidat do globálního rozvržení nebo do podmíněného rozvržení, které se zobrazí pouze na určitých vlastních typech příspěvků nebo na jednotlivých stránkách. Globální rozvržení již existuje, ale nejprve musíme vytvořit podmíněné rozvržení.

Na stránce Rozvržení přidejte název a klikněte na Vytvořit nové rozvržení, jak je znázorněno níže.

Pokud chcete přidat do existujícího rozvržení nebo do globálního rozvržení, vytvořte oddíl rozvržení zápatí.

Na obrazovce Layout Section Builder vyberte typ Layout Section, zadejte název (v tomto amp Zápatí, případně Global Footer) a klikněte na Create New Layout Section, jak je znázorněno níže.

Následující obrázek ukazuje, jak vygenerovat část rozvržení přímo z rozvržení. Sekce rozvržení vašeho webu musí být přidány do rozvržení. Zpočátku existuje jednoduše globální rozložení. Chcete-li tedy vytvořit globální vlastní zápatí, přidejte jej do tohoto rozvržení. Vlastní část rozvržení zápatí, poté přidejte podmínky do části Vlastní rozvržení zápatí, aby se rozvržení zobrazilo podle kritérií.

Není na tom nic špatného, ​​ale je důležité zvážit situaci. Pokud je rozvržení aktuálně aktivní (tj. má podmínky nebo je globálním rozvržením), všechny nové sekce rozvržení budou okamžitě aktivní a prázdné. Smysluplnější je přidat vlastní zápatí do globálního rozvržení nejprve prostřednictvím stránky Tvůrce sekce rozvržení a poté jej přidat do globálního rozvržení.

Případně můžeme přidat zápatí, záhlaví nebo oddíl rozvržení sloupce do podmíněného rozvržení a poté jej vytvořit. Podmínky se nepoužívají, dokud nejsou přidány podmínky. Jak je znázorněno níže, můžeme upravit část rozvržení zápatí tak, že na ni najedeme a klikneme na ikonu úprav.

Vlastní úprava rozvržení

Výchozí editor WordPress se zobrazí při úpravě nové sekce rozvržení; odtud můžete použít Avada Builder nebo Avada Live. Zde se vytvářejí vlastní sekce rozvržení. Další informace najdete v části Vytváření obsahu sekce rozvržení, ale zkrátka zde můžete postavit cokoliv.

Vaše vlastní zápatí může obsahovat cokoliv, co můžete vytvořit v Avada Builderu. Můžete mít mnoho sloupců, fotografií atd.; To umožňuje obrovskou flexibilitu. V části Rozvržení se zobrazí materiál zápatí. Materiál pochází od Buildera a vaše kreativita je jediným omezením.

Podívejte se na původní zápatí vytvořené pro ukázku Taxi níže; Toho bylo dosaženo změnou možností motivu a widgetů zápatí.

Zde je zobrazena desktopová verze této vlastní hlavičky, ale abyste správně pochopili rozsah této vlastní hlavičky, musíte navštívit živé stránky, ke kterým máte přístup zde.

Návrh podmíněného rozvržení

Žádné podmínky v globálním rozvržení. Přidání sekcí rozložení do něj bude použito na každé stránce, protože je globální. Pokud jste vlastní zápatí potřebovali pouze na některých stránkách vašeho webu, například na jednotlivých článcích na blogu, budete muset použít podmíněné rozvržení.

Podmíněné rozvržení může obsahovat pouze existující oddíly rozvržení. Poté na kartě Vybrat zápatí rozvržení přejděte na položku Existující, kde můžete přidat oddíl rozvržení, jak je vidět níže.

Musíte nastavit podmínky pro jakékoli podmíněné rozvržení. Layout je aktivní, jakmile jsou specifikovány podmínky; Pokud to tedy uděláte před vytvořením sekce rozvržení, stránky, které odpovídají podmínkám, budou prázdné.

Chcete-li přidat podmínku, vyberte Přidat podmínku ze spodní nabídky Rozvržení. Zobrazí se dialogové okno, jak je znázorněno níže. Další informace o podmíněných rozvrženích najdete v části Vysvětlení podmíněných rozvržení, ale pro tento amp bychom na kartě Podmínky příspěvků vybrali Všechny příspěvky, jak je vidět níže.

Přidávání sloupců z Avada Layout builder

Prvek Column, stejně jako prvek kontejneru, je základním konstrukčním prvkem při navrhování lokality Avada.

Přidání sloupců je s Avada Layout builderem poměrně snadné.

  • Kliknutím na tlačítko ' + Kontejner ' přidáte kontejner na stránku. Při vkládání kontejneru budete požádáni o výběr sloupce nebo rozložení sloupců. Můžete vytvořit prázdný kontejner, ale normálně v tomto kroku přidáváte sloupce.
  • Chcete-li přidat nové sloupce do existujícího kontejneru, umístěte ukazatel myši na kontejner a klikněte na tlačítko ' + Sloupec '. Chcete-li přidat nový sloupec, klikněte sem.
  • V levém horním rohu sloupce klikněte na ikonu „Změnit velikost sloupce“. Nyní bude mít stejnou velikost jako váš sloupec. Například 1/4 sloupec se objeví jako '1/4 ' pod možností Změnit velikost sloupce amp
  • Přetažením sloupce změníte jejich uspořádání. Sloupce můžete také přetahovat do kontejnerů.

Sloupec lze umístit pouze do prvku kontejneru se stejnou šířkou; Obvykle se jedná o šířku webu, kterou jste pro web nastavili. Pokud tedy nastavíte šířku webu na 1200px, 1/2 sloupec bude široký 600px. Přednastavené velikosti sloupců jsou po přidání na stránku zobrazeny níže.

V Avadě můžete nastavit šířky sloupců (a další) samostatně na velkých, středních a malých rozvrženích. Jak nastavit pořadí zobrazení a velikost sloupců v responzivních rozvrženích vysvětluje, jak používat tuto vynikající novou funkci se sloupci.

Vlastní šířky jsou v části Sloupce > Návrh > Šířka . Jak je znázorněno níže, použití procentuálního čísla vám umožňuje zadat vlastní šířku. Umístění je tedy neomezené

Auto je nová možnost šířky. Místo pevné šířky bude Sloupec zabírat místo nejvýznamnějšího prvku uvnitř. Takže to funguje jen v některých případech. Nadřazený sloupec můžete změnit na Auto a velikost sloupce se změní na šířku prvku.

Avada také přidává sady responzivních možností pro kontejnery a sloupce. Na zadní straně Builderu můžete vidět responzivní ikony na všech sloupcích, jak je vidět na obrázku níže. Front-End Builder zobrazuje responzivní ikony na možnostech.

Pouze nové kontejnery Flex zobrazují sady responzivních možností. Sloupce ve starších kontejnerech nejsou k dispozici.

Závěr

Díky Avada Layouts je nyní možnost vytvářet vlastní zápatí, záhlaví a přidávat sloupce realitou a téměř neomezenou možností. Nejen, že můžete využít sílu Avada Builder k vytvoření prakticky jakéhokoli zápatí nebo záhlaví, které si dokážete představit, ale také můžete využít sílu podmíněných rozvržení k jejich zobrazení nebo skrytí na jakékoli stránce, kategorii, typu vlastního příspěvku nebo jakékoli kombinaci kritéria, která si můžete vymyslet pomocí Avada Builderu.

Pokud jde o rozvržení WordPress, Avada Layouts mění hru v doslovném smyslu. Skutečnost, že umožňuje takovou svobodu návrhu a flexibilitu nasazení, znamená, že proces vytváření zápatí nebude nikdy stejný.

Hanson F.

Poslední příspěvky

Jak používat záhlaví a zápatí s Elementorem

Záhlaví a zápatí webu jsou základními prvky. Ve většině případů záhlaví poskytuje navigaci…

6. ledna 2022

Porovnání témat WordPress: Astra vs OceanWP

Dvě z nejpopulárnějších témat WordPress na trhu jsou Astra a OceanWP. Profesionální…

2. ledna 2022

Porovnání témat zpráv WordPress: Noviny vs. Astra

Vytvoření vynikajícího zpravodajského webu nevyžaduje, abyste se stali webdesignérem. My…

25. října 2021

Vytvořte webové stránky související se zprávami s tématem novin

Téma Noviny je jedním z nejvýznamnějších témat WordPress navržených tagDiv, a…

18. října 2021

Jak vytvořit eCommerce pomocí Avada WooCommerce Builder

Pokud jde o nastavení internetového obchodu, WooCommerce je plugin . To…

4. října 2021

Jak používat efekty lepivé hlavičky a rolování s Elementorem

Záhlaví je obecně první věc, kterou člověk uvidí, když navštíví váš web,…

21. září 2021