Jak používat nástroj pro tvorbu rozložení záhlaví, zápatí a sloupců Avada

Náš vlastní tvůrce stránek, Avada Builder, je nyní k dispozici ve dvou rozhraních: Avada Builder, který je naším back-endovým nástrojem pro tvorbu drátových stránek, a Avada Live, což je náš front-end builder, který byl teprve nedávno představen s Avada 6.0 .

Díky našemu jednoduchému systému kontejnerů, sloupců a prvků vám obě verze Avada Builder 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 majitele stránek, protože jim poskytuje úplnou kontrolu nad všemi aspekty obsahu stránky a rozložení. 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.

Na stránce Layout Builder najdete všechna svá rozvržení a všechna podmíněná rozvržení, která si můžete přát vytvořit kromě globálního rozvržení vytvořeného ve výchozím nastavení. Zde se také nachází oblast, kde svým rozvržením přiřadíte sekce rozvržení a zadáte podmínky, aby se vaše podmíněné rozvržení projevily.

K Layout Builderu lze přistupovat z Avada Dashboard výběrem Layouts> Layout Builder z rozbalovací nabídky. Jedním z nejjednodušších způsobů, jak popsat rozvržení, je říci, že se jedná o kontejnery, ve kterých jsou umístěny čtyři části rozvržení stránky - sekce záhlaví, sekce záhlaví stránky, část obsahu a sekce zápatí. Další informace o rozdílech mezi sekcemi a rozvrženími si můžete přečíst v tomto dokumentu: Vysvětlení rozvržení a sekcí rozvržení (PDF). Pokračujte ve čtení, abyste se dozvěděli více o věcech, které můžete na této stránce dělat.

Dvě části jsou umístěny v horní části stránky Layout Builder. Technika vyplňování sekcí rozvržení v globálním rozvržení nebo generování podmíněných rozvržení je popsána v první části (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á rozlož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é rozložení; nejsou stanoveny žádné sekce ani podmínky.

Při vytváření rozvržení se automaticky importují na stránku Tvůrce rozvržení. 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 kola a vytvořit podmínky pro rozvržení a rozložení můžete odstranit kliknutím na ikonu přihrádky 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í vidíte čtyři sekce rozvržení přiřazené konkrétnímu rozvržení, po jednom pro každé ze čtyř rozvržení. V každé sekci rozložení uvidíte ikonu +, která vám umožní přiřadit k ní sekci rozložení, když na ni přejedete myší. K této sekci máte možnost přiřadit existující sekci rozložení nebo vytvořit zcela novou sekci od začátku.

Použití rozložení sekcí

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

Rozložení zápatí je část rozvržení přidaná do rozvržení. Pro ex amp le, Vlastní zápatí vyžaduje rozložení zápatí, které mohou být doplněny buď globální nebo vlastní rozložení. V další části se podíváme na konstrukci vlastní sekce rozvržení zápatí, ale nejprve se podívejme na Představujeme Avada Layouts.

Na postranním panelu WordPress nebo na hlavním panelu Avada vyberte Avada> Rozložení. Zde se vytvářejí a spravují Avadova rozvržení a sekce rozvržení. Jak je uvedeno níže, globální rozvržení je zpočátku prázdné, bez přidružených sekcí rozložení.

Přizpůsobení rozvržení

Tuto sekci lze přidat do globálního rozvržení nebo podmíněného rozvržení, která se zobrazuje pouze u určitých vlastních typů příspěvků nebo jednotlivých stránek. Globální rozvržení je již k dispozici, ale nejprve musíme vyvinout 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.

Vytvořte sekci Rozložení zápatí, pokud ji chcete přidat do stávajícího rozvržení nebo globálního rozvržení.

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

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

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

Alternativně můžeme do podmíněného rozvržení přidat zápatí, záhlaví nebo sloupec Rozvržení a poté jej vytvořit. Podmínky nejsou použity, dokud nejsou přidány podmínky. Jak je znázorněno níže, sekci Rozložení zápatí můžeme změnit tak, že na ni najedete myší a kliknete na ikonu úprav.

Přidání části rozvržení zápatí do podmíněného rozvržení

Úpravy vlastního rozvržení

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

Vaše vlastní zápatí může obsahovat cokoli, co můžete v Avada Builderu postavit. 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 stavitele a vaše kreativita je jediným omezením.

Níže si prohlédněte původní zápatí vytvořené pro ukázku taxi; Toho bylo dosaženo změnou možností motivu a widgetů zápatí.

Taxi Demo> Základní zápatí“src =“ https://lh3.googleusercontent.com/_xzRCQdf_jBPoJv6eaW9Wx3rdXORc7Ni1945ud13b9kALKA4WdmZpeSSCTnLx-4hcwPKXGF1dl3E0qragaIr_eJ6AiBxO4AMKlY2tuxFbek-S0Z1PY3oQTE2UmjI4QzZydYbWqscpkwNbIpjTQ=s0 "> Podívejte se na vlastní globální zápatí Avada Layouts.

Zde se zobrazuje desktopová verze tohoto vlastního záhlaví, ale abyste správně pochopili rozsah tohoto vlastního záhlaví, musíte navštívit aktuální web, na který se můžete dostat zde.

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

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

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

Přiřazení sekce vlastního rozvržení

Musíte nastavit podmínky pro jakékoli podmíněné rozložení. Rozložení je aktivní, jakmile jsou zadány podmínky; pokud to tedy uděláte před vytvořením oddílu rozložení, stránky, které odpovídají podmínkám, budou prázdné.

Chcete -li přidat podmínku, vyberte v dolní nabídce rozložení možnost Přidat podmínku. Zobrazí se dialogové okno, jak je uvedeno níže. Další informace o podmíněných rozloženích najdete v části Vysvětlení podmíněných rozvržení, ale pro tento ex amp le 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 nástroje Avada Layout Builder

Sloupový prvek, stejně jako kontejnerový prvek, je zásadní konstrukční součástí při navrhování lokality Avada.

Přidání sloupců je s Avada Layout Builder 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 amp sloupec se objeví jako '1/4 ' pod možností Změnit velikost sloupce.
  • Uspořádáním sloupců je přetáhněte. Sloupce můžete také přetáhnout do kontejnerů.

Sloupec lze umístit pouze do prvku kontejneru se stejnou šířkou; Toto je obvykle šířka stránky, kterou pro web nastavíte. Pokud tedy nastavíte šířku webu na 1200 pixelů, bude 1/2 sloupec široký 600 pixelů. Po přidání na stránku se níže zobrazí přednastavené velikosti sloupců.

V Avadě můžete u velkých, středních a malých rozvržení nastavit šířky sloupců (a více) samostatně.

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 určit vlastní šířku. Umístění je tedy neomezené

Auto je nová možnost šířky. Namísto pevné šířky sloupec zabere místo nejvýznamnějšího prvku uvnitř. Funguje to tedy jen v některých případech. Můžete změnit nadřazený sloupec 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. V back-endu Builderu můžete na všech sloupcích vidět responzivní ikony, jak je vidět na obrázku níže. Front-End Builder zobrazuje u možností responzivní ikony.

Sady responzivních možností zobrazují pouze nové kontejnery Flex. Sloupce v 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ávání sloupců realitou a téměř neomezenou možností. Nejenže můžete využít sílu Avada Builderu ke konstrukci 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, vlastním typu příspěvku nebo jakékoli kombinaci kritéria, která si můžete představit pomocí Avada Builderu.

Pokud jde o rozložení WordPress, Avada Layouts je hra, která mění hru v tom nejpřesnějším smyslu. Skutečnost, že umožňuje takovou svobodu návrhu a flexibilitu nasazení, znamená, že proces vytváření zápatí nebude nikdy stejný.

Zanechat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *