Skonfiguruj pełną szerokość lub zawartość pudełka w Astra Free Theme

Motyw Astra

Astra to wydajny i w pełni konfigurowalny motyw WordPress. Jest również piękny i szybki, co czyni go idealnym do blogów, biznesu, osobistego portfolio i sklepu WooCommerce. Ze względu na swoją niewielką wagę zapewnia dużą szybkość działania witryny. Astra jest zbudowana z myślą o SEO, co sprawia, że ​​strona internetowa zajmuje wyższą pozycję w wyszukiwarkach. Dzięki specjalnym funkcjom i szablonom jest idealny dla twórców stron takich jak Elementor, Divi, Beaver Builder, SiteOrigin, Visual Composer itp.

Pojemnik

Stronę w witrynie można wygodnie nazwać kontenerem, ponieważ kontener to obszar, w którym wyświetlamy treść. Mówiąc najprościej, kontener obejmuje całą stronę. Niezależnie od tego, czy jest to obszar zawartości, czy pasek boczny, zostanie uwzględniony w kontenerze. Z technicznego punktu widzenia obszar zawartości nazywamy kontenerem podstawowym, podczas gdy pasek boczny jest określany jako kontener dodatkowy.

Jak manipulować układami kontenerów na stronie internetowej?

Korzystanie z motywu Astry ułatwia stosowanie układów kontenerów w całej witrynie. Możesz skonfigurować siatki za pomocą opcji Customizer. Można to znaleźć na karcie Wygląd: Wygląd> Dostosowanie> Globalny> Kontener.

• Możesz także zastosować różne kontenery dla różnych stron i postów indywidualnie, z poziomu ustawień meta.
• Jeśli zastosowałeś różne ustawienia dla całej witryny i inne ustawienia w meta ustawieniach , ustawienia meta specyficzne dla strony będą miały wyższy priorytet niż ogólne ustawienia dostosowania strony .

Szerokość pojemnika

Cała zawartość witryny, zarówno graficzna, jak i tekstowa, będzie wyświetlana w tej szerokości. Możesz tworzyć różnorodne widoki, łącząc szerokość z układem kontenera.

Układ pojemnika

Astra Free Theme oferuje 4 rodzaje układów kontenerów. Są to układy globalne i zostaną zastosowane do całej witryny. Jeśli chcesz mieć inny układ dla różnych typów postów, możesz to zrobić za pomocą dedykowanego układu kontenera.

Dzięki „meta ustawieniom” strony możesz mieć większą kontrolę nad układem kontenera każdej strony.

Istnieją następujące typy układów kontenerów.

• Zapakowane
• Zawartość w pudełku
• Pełna szerokość / Zawiera
• Pełna szerokość / rozciągnięty
• Dedykowany układ kontenera

Układ dedykowany lub określony

Powyższe cztery typy układów kontenerów są dostępne osobno dla określonych typów postów. Oznacza to, że jeśli wybierzesz domyślny układ, powiedzmy układ w pudełkach, a w przypadku archiwów wybrano pełną szerokość, wówczas cała witryna będzie miała układ w pudełkach, a strony w archiwum będą miały układ o pełnej szerokości / zawartości.

• Układ strony - tylko dla stron
• Układ archiwów - wszystkie archiwa
• Układ posta na blogu - dla archiwum blogów i pojedynczych stron postów na blogu

Motyw Astra oferuje integrację z wieloma popularnymi plugin . Te plugin oferują integrację z Astrą:

WooCommerce

EDD ( Easy Digital Downloads )

LearnDash

Podnośnik LMS (3)

Po zainstalowaniu powyższych plugin możesz mieć również dostęp do dedykowanych opcji układu kontenera dla tych stron plugin .

Dedykowane moduły plugin Astra Pro Addon zapewniają bardziej zaawansowane opcje. Dedykowane moduły plugin Astra Pro Addon zawierają następujące opcje:

• Ustawienia meta strony mają pierwszeństwo przed układem kontenera. Priorytet ustawień meta jest wyższy niż ustawienia dostosowania.
• Ustawienia układu witryny decydują o szerokości kontenera.

Układ kontenera / układ o pełnej szerokości

Ustawieniami kontenera o pełnej szerokości można manipulować za pomocą ustawień dostosowania w Dokumentach .

Dokumenty »Ustawienia dostosowywania» Globalne »Pełna szerokość / Zawarty - Układ pojemnika

Jak wyjaśniono wcześniej, strona internetowa może mieć dwa pojemniki; Podstawowy pojemnik i drugi pojemnik.

Główny kontener to strona, na której pojawia się główna treść.

Kontener pomocniczy stanowi pasek boczny i różne widżety na pasku bocznym.

Za pomocą układu „Pełna szerokość / Zawarty” możesz łączyć pojemniki podstawowe i dodatkowe. Pojemniki te można następnie umieścić w jednym pojemniku, aby uzyskać bardziej uporządkowany wygląd. Układ „Pełna szerokość / Zawarty” wyświetla zawartość i pasek boczny obok siebie w jednym pojemniku. Kontener pozostawi miejsce wokół kontenera, ponieważ wyświetla się w szerokości kontenera.

Ustawienia kontenera można zmienić lub zmienić, przechodząc do Wygląd i postępując zgodnie z tą ścieżką:

Wygląd> Dostosuj> Globalny> Kontener

Układ o pełnej szerokości / zawartości jest idealny dla tych witryn internetowych, które wymagają uporządkowanego projektu, bez żadnych ramek ani granic siatki. Ten układ może być ustawione jako domyślne poprzez integracje z plugin jest jak woocommerce, LifterLMS itp

Wiele programów budujących strony, takich jak Visual Composer, wymaga kompozycji do kontrolowania szerokości kontenerów. Z tego samego powodu zalecają układ Pełna szerokość / Zawarty.

Dedykowane moduły plugin Astra Pro Addon oferują więcej opcji stylizacji.

Zawartość w pudełku - układ kontenera

Dokumenty »Ustawienia dostosowania» Globalne »Zawartość w pudełku - układ kontenera

Wcześniej omówiliśmy, że zwykle strona internetowa może mieć dwa kontenery:

Główny pojemnik: gdzie pojawia się główna zawartość

Dodatkowy kontener: składa się z paska bocznego i różnych różnych widżetów

Jeśli wybierzesz „Układ w pudełku z zawartością”, wówczas tylko podstawowy pojemnik pojawi się w formacie w pudełku. Natomiast drugi pojemnik pozostanie na prostym tle.

Jeśli chcesz, aby obszar zawartości witryny był bardziej widoczny niż pasek boczny, wybierz ten układ jest idealny. Mówiąc najprościej, Content Boxed Layout jest idealny do zawartości stron internetowych i blogów.

Ustawienia układu w ramkach można znaleźć jako:

 Wygląd> Dostosuj> Globalny> Kontener

Ponadto, jeśli chcesz zastosować inny kontener dla poszczególnych stron, możesz to zrobić w ustawieniach meta.

• Zawartość Kontener w pudełku można zastosować do wybranych stron lub postów, z poziomu meta ustawień.
• Ustawienia układu witryny decydują o szerokości kontenera.
• Za pomocą plugin Astra Pro Addon możesz zmienić kolor tła witryny za pomocą modułu Colors & Backgrounds. Jeśli jednak nie masz Astra Pro, możesz również dodać obraz tła za pomocą niestandardowego CSS.

Funkcje darmowego motywu Astra

Astra to bez wątpienia najlepszy motyw dla Elementora. Działa świetnie z Elementorem, co czyni go najlepszym darmowym motywem do tworzenia stron internetowych. Poniżej omówiliśmy funkcje, które sprawiają, że Astra jest najlepszym motywem.

Układ o pełnej szerokości / rozciągnięty

Astra zapewnia układ o pełnej szerokości / rozciągnięty, który został stworzony specjalnie dla Elementora. Dzięki temu układowi Elementor zapewnia pełną kontrolę nad układem, uwalniając cię od kłopotów z włączeniem skomplikowanej metody JavaScript do rozszerzenia wierszy lub sekcji na pełną szerokość.

Pasek boczny / Polecany obraz / Wyłącz tytuł

Dzięki Astra możesz dość łatwo wyłączyć pasek boczny, tytuł strony, nawigację i polecane obrazy, aby uzyskać pełną swobodę projektowania dzięki Elementor. Wyłączając te funkcje, możesz uzyskać puste płótno, które pozwala zaprojektować witrynę od zera - dokładnie tak, jak chcesz. Możesz nawet zbudować niestandardową stronę docelową, wyłączyć nagłówek i stopkę Astry, aby Elementor miał pełną kontrolę nad stroną.

Większość motywów domyślnie wyświetla te funkcje, co ogranicza kontrolę użytkownika nad projektem witryny.

Globalne opcje z Customizera

Globalne opcje Astry umożliwiają ustawienie wymaganego układu, paska bocznego i innych ustawień niestandardowych odpowiednich dla Elementora bezpośrednio w narzędziu Customizer. Opcja globalna jest idealna, zwłaszcza jeśli budujesz stronę internetową, w której większość stron jest zaprojektowana z Elementorem.

Ponownie, jeśli chcesz mieć różne ustawienia dla poszczególnych stron, wówczas opcja globalna zostanie zastąpiona przez te indywidualne ustawienia.

Kompatybilny z Elementor Pro 2.0

Astra to jeden z niewielu motywów, które są w pełni kompatybilne z narzędziem do tworzenia motywów Elementor 2.0. Korzystając z Astra i Elementor Pro 2.0 Theme Builder, możesz mikro-projektować każdy aspekt swojej witryny. Niezależnie od tego, czy chodzi o wybór innego nagłówka, stopki, szablonów blogów, czy cokolwiek innego, dzięki tym dwóm potężnym narzędziom możesz mieć to po swojemu.

Integracja elementów

Astra oferuje inteligentną integrację z Elementor. Jeśli budujesz stronę za pomocą Elementora, Astra automatycznie ustawi te opcje, które są najlepsze dla Elementora. Ta inteligentna integracja oszczędza sporo czasu i energii, które możesz wykorzystać na inne ważne rzeczy.

Opcje nagłówka i stopki

Astra oferuje ponad 30 typów nagłówków i ponad 10 typów stopek. Możesz wybrać, czy chcesz przezroczysty nagłówek, czy pełny. Możesz nawet zbudować swój nagłówek od podstaw na elementorze, zgodnie ze swoimi niestandardowymi wymaganiami, dzięki dodatkowi Astra Pro.

Opcje nagłówka mobilnego

Dzięki Astra możesz tworzyć responsywne witryny mobilne. Astra zapewnia wygodne rozwiązanie dla responsywnego menu mobilnego, które ma bardzo łatwe ustawienia w dostosowywaniu. Pozwala to kontrolować i projektować piękne menu mobilne. Możesz zbudować całe menu bez żadnego niestandardowego kodu.

Lekki i bez wzdęć

Astra zapewnia wsparcie dla Elementora. Oznacza to, że Astra nie powiela funkcji oferowanych przez elementor. Astra to lekki i modułowy motyw. Dba o kosmetyki, takie jak globalne kolory, typografia i stylizacja oraz integracje plugin innych firm. Natomiast Elementor obsługuje część tworzenia strony.