Nastavte obsah v plné šířce nebo v krabici s tématem Astra Free

Téma Astra

Astra je efektivní a plně přizpůsobitelné téma WordPress. Je to krásné a rychlé, díky čemuž je ideální pro blog, obchod, osobní portfolio a výkladní skříň WooCommerce. Vzhledem k tomu, že je lehký, nabízí webu velkou rychlost. Astra je postavena s ohledem na SEO, díky čemuž se web řadí na vyšší pozice ve vyhledávačích. Díky svým speciálním funkcím a šablonám je ideální pro tvůrce stránek jako Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer atd.

Kontejner

Stránku na webu lze pohodlně nazvat kontejnerem , protože kontejner je oblast, kde zobrazujeme obsah. Jednoduše řečeno, kontejner pokrývá celou stránku. Ať už se jedná o oblast obsahu nebo postranní panel, bude součástí kontejneru. Technicky nazýváme oblast obsahu jako primární kontejner, zatímco postranní panel se nazývá sekundární kontejner.

Jak manipulovat s rozložením kontejnerů na webu?

Použití motivu Astra usnadňuje použití rozvržení kontejnerů na celý web. Mřížky můžete nastavit pomocí možnosti Customizer. To lze nalézt na kartě Vzhled: Vzhled > Přizpůsobení > Globální > Kontejner.

  • Můžete také použít různé kontejnery pro různé stránky a příspěvky jednotlivě, z meta nastavení.
  • Pokud jste použili různá nastavení pro celkový web a různá nastavení v meta nastaveních , pak budou mít meta nastavení pro konkrétní stránku vyšší prioritu než celkové nastavení přizpůsobení

Šířka kontejneru

V této šířce se zobrazí veškerý obsah webu, ať už grafický nebo textový. Kombinací šířky s rozložením kontejneru můžete vytvořit různé pohledy.

Rozložení kontejneru

Astra Free Theme nabízí 4 typy rozvržení kontejnerů. Toto jsou globální rozložení a budou aplikována na celý web. Pokud chcete různé rozvržení pro různé typy příspěvků, můžete to udělat pomocí vyhrazeného rozvržení kontejneru.

S pomocí stránky 'meta settings' můžete mít větší kontrolu nad rozložením kontejneru každé stránky.

Existují následující typy rozvržení kontejnerů.

  • Zabalené
  • Obsah v krabici
  • Plná šířka / Obsah
  • Plná šířka / natažená
  • Vyhrazené rozvržení kontejneru

Vyhrazené nebo specifické rozvržení

Výše uvedené čtyři typy rozložení kontejnerů jsou k dispozici pro konkrétní typy příspěvků samostatně. To znamená, že pokud vyberete výchozí rozvržení, řekněme rozvržení v rámečku, a pro archivy jste vybrali plnou šířku, pak bude mít celý web rozvržení v rámečku, zatímco stránky archivu budou mít rozvržení plná šířka/obsah.

  • Vzhled stránky – pouze pro stránky
  • Uspořádání archivů – Všechny archivy
  • Rozvržení blogových příspěvků – pro archiv blogů a jednotlivé stránky blogových příspěvků

Téma Astra nabízí integraci s mnoha oblíbenými plugin . Tyto plugin nabízejí integraci s Astra:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

LifterLMS (3)

Když jsou nainstalovány výše uvedené plugin , můžete mít také přístup k vyhrazeným možnostem rozložení kontejneru pro tyto stránky plugin .

Vyhrazené moduly plugin Astra Pro Addon poskytují pokročilejší možnosti. Vyhrazené moduly plugin Astra Pro Addon obsahují tyto možnosti:

  • Meta nastavení stránky mají přednost před rozložením kontejneru. Priorita meta nastavení je vyšší než nastavení přizpůsobení.
  • O šířce kontejneru rozhoduje nastavení rozvržení webu.

Rozvržení kontejneru/Rozvržení plné šířky

Nastavení kontejneru v plné šířce lze upravovat pomocí Nastavení přizpůsobení, která se nacházejí v Dokumentech .

Dokumenty » Nastavení přizpůsobení » Globální » Plná šířka / Obsažené – Rozvržení kontejneru

Jak bylo vysvětleno dříve, web může mít dva kontejnery; Primární kontejner a sekundární kontejner.

Primární kontejner je stránka, kde se zobrazuje hlavní obsah.

Sekundární kontejner tvoří postranní panel a různé widgety v postranním panelu.

Pomocí rozvržení „Full Width / Contained“ můžete kombinovat primární a sekundární kontejnery. Tyto kontejnery pak mohou být vystaveny v jediném kontejneru pro uklizenější vzhled. Rozvržení „Plná šířka / Obsah“ zobrazuje obsah a postranní panel vedle sebe v jediném kontejneru. Tento kontejner ponechá kolem kontejneru prostor, protože se zobrazuje v šířce kontejneru.

Nastavení kontejneru lze změnit nebo upravit tak, že přejdete na Vzhled a následujete tuto cestu:

Vzhled > Přizpůsobit > Globální > Kontejner

Rozvržení Full Width / Contained je ideální pro ty webové stránky, které potřebují uklizený design, bez jakýchkoliv rámečků nebo hranic mřížky. Toto rozložení lze nastavit jako výchozí prostřednictvím integrace s plugin jako WooCommerce, LifterLMS atd.

Mnoho tvůrců stránek, jako je Visual Composer, vyžaduje, aby motiv řídil šířku kontejnerů. Ze stejného důvodu doporučují rozvržení Full Width / Contained.

Vyhrazené moduly plugin Astra Pro Addon nabízejí více možností stylingu.

Obsah v krabici – rozvržení kontejneru

Dokumenty » Nastavení přizpůsobení » Globální » Obsah v krabici – rozvržení kontejneru

Již dříve jsme hovořili o tom, že webová stránka může mít obvykle dva kontejnery:

Primární kontejner: kde se zobrazuje hlavní obsah

Sekundární kontejner: Skládá se z postranního panelu a různých různých widgetů

Pokud vyberete „Rozvržení obsahu v krabici“, zobrazí se v krabicovém formátu pouze primární kontejner. Sekundární kontejner však zůstane na hladkém pozadí.

Pokud chcete, aby byla obsahová oblast vašeho webu výraznější než postranní panel, pak je výběr tohoto rozvržení ideální. Jednoduše řečeno, content Boxed Layout je ideální pro obsahové weby a blogy.

Nastavení pro krabicové rozvržení lze nalézt takto:

 Vzhled > Přizpůsobit > Globální > Kontejner

Navíc, pokud chcete použít jiný kontejner pro jednotlivé stránky, můžete to udělat z meta nastavení.

  • Kontejner obsahu Boxed lze použít pro vybrané stránky nebo příspěvky z meta nastavení.
  • O šířce kontejneru rozhoduje nastavení rozvržení webu.
  • S pomocí plugin Astra Pro Addon můžete změnit barvu pozadí webu pomocí modulu Barvy a pozadí. Pokud však Astra Pro nemáte, můžete také přidat obrázek na pozadí pomocí Custom CSS.

Funkce Astra Free Theme

Astra je bezpochyby nejlepší téma pro Elementor. Funguje skvěle s Elementorem, což z něj dělá nejlepší bezplatné téma pro vytváření webových stránek. Níže jsme diskutovali o funkcích, díky kterým je Astra nejlepší téma.

Plná šířka / roztažené rozvržení

Astra poskytuje rozvržení Full Width / Stretched Layout, které je vyrobeno speciálně pro Elementor. S tímto rozvržením získá Elementor úplnou kontrolu nad vaším rozvržením a zbaví vás starostí s komplikovanou metodou JavaScriptu pro rozšíření vašich řádků nebo sekcí na plnou šířku.

S Astrou můžete poměrně snadno deaktivovat postranní panel, název stránky, drobenku a doporučené obrázky, abyste získali plnou svobodu při navrhování s Elementorem. Vypnutím těchto funkcí můžete mít prázdné plátno, které vám umožní navrhnout web od začátku – přesně tak, jak chcete. Můžete si dokonce vytvořit vlastní vstupní stránku, deaktivovat záhlaví a zápatí Astry, takže Elementor bude mít plnou kontrolu nad stránkou.

Většina motivů poskytuje tyto funkce ve výchozím nastavení, což snižuje kontrolu uživatele nad návrhem webu.

Globální možnosti z Customizeru

Globální možnosti Astra vám umožňují nastavit požadované rozložení, boční panel a další vlastní nastavení, která jsou vhodná pro Elementor přímo v Customizeru. Globální možnost je ideální zejména v případě, že vytváříte web, kde je většina stránek navržena pomocí Elementor.

Opět platí, že pokud chcete různá nastavení pro jednotlivé stránky, pak bude globální možnost přepsána těmito individuálními nastaveními.

Kompatibilní s Elementor Pro 2.0

Astra je jedním z mála témat, která jsou zcela kompatibilní s Elementor 2.0 Theme Builder. Pomocí Astra a Elementor Pro 2.0 Theme Builder můžete mikro-designovat každý aspekt svého webu. Ať už se jedná o výběr jiného záhlaví, zápatí, šablon blogu nebo čehokoli jiného, ​​s těmito dvěma výkonnými nástroji to zvládnete po svém.

Integrace Elementor

Astra nabízí chytrou integraci s Elementor. Pokud vytváříte stránku pomocí Elementor, Astra automaticky nastaví ty možnosti, které jsou pro Elementor nejlepší. Tato chytrá integrace šetří poměrně hodně času a energie, kterou můžete využít na jiné důležité věci.

Astra nabízí více než 30 typů záhlaví a více než 10 typů zápatí. Můžete si vybrat, zda chcete průhlednou hlavičku nebo pevnou. S doplňkem Astra Pro si můžete dokonce postavit hlavičku od nuly na elementoru podle svých vlastních požadavků.

Možnosti mobilního záhlaví

S Astrou můžete vytvářet mobilní responzivní stránky. Astra poskytuje pohodlné řešení pro mobilní responzivní menu, které má velmi snadné nastavení v customizátoru. To vám umožní ovládat a navrhovat krásné mobilní menu. Můžete sestavit celé menu bez vlastního kódu.

Lehký a bez nadýmání

Astra poskytuje podporu Elementoru. To znamená, že Astra neduplikuje funkce nabízené elementorem. Astra je lehké a modulární téma. Stará se o kosmetiku, jako jsou globální barvy, typografie a styling a integrace plugin třetích stran. Elementor nicméně zvládá část tvorby stránky.

Ahmad

Zobrazit komentáře

  • Mám dotaz ohledně přizpůsobení kontejneru. Dá se nastavit na šířku. Nikde jsem se ale nedočetl, jak lze upravit výšku kontejnerového boxu (bloku). Na mém webu je příliš mnoho bílé. Chtěl bych mít hlavní text blíže k záhlaví tím, že blok, ve kterém se nachází, bude méně vysoký.

    • Dobrý den, výška není nastavena, je definována obsahem všech částí stránky + okraje. Ve vašem případě se domnívám, že jde o problém okraje/vycpávky vašeho záhlaví nebo první sekce.

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