Skonfiguruj zawartość o pełnej szerokości lub w pudełku z bezpłatnym motywem Astra

Motyw Astry

Astra to wydajny i w pełni konfigurowalny motyw WordPress. Jest piękny i szybki, co czyni go idealnym rozwiązaniem dla blogów, firm, portfolio osobistego i sklepu WooCommerce. Będąc lekkim, zapewnia dużą prędkość witryny. Astra została zbudowana z myślą o SEO, dzięki czemu witryna 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 serwisie WWW 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 on uwzględniony w kontenerze. Z technicznego punktu widzenia obszar zawartości nazywamy kontenerem głównym, natomiast pasek boczny – kontenerem dodatkowym.

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

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

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

Szerokość kontenera

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

Układ kontenera

Darmowy motyw Astra oferuje 4 rodzaje układu 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.

Za pomocą „meta ustawień” 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ść zapakowana
  • Pełna szerokość / zawarta
  • Pełna szerokość / rozciągnięta
  • Dedykowany układ kontenera

Dedykowany lub specyficzny układ

Podane powyżej cztery typy układów kontenerów są dostępne osobno dla określonych typów postów. Oznacza to, że jeśli wybierzesz układ domyślny, powiedzmy układ w pudełku, a w przypadku archiwów wybrałeś opcję Pełna szerokość, wówczas cała witryna będzie miała układ w pudełku, podczas gdy strony archiwum będą miały układ o pełnej szerokości/zawarty.

  • Układ strony — tylko dla stron
  • Układ archiwów – Wszystkie archiwa
  • Układ posta na blogu – dla archiwum blogów i stron z pojedynczymi postami na blogu

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

WooCommerce

EDD ( Easy Digital Downloads )

Dowiedz sięDash

PodnośnikLMS (3)

Po zainstalowaniu powyższych plugin możesz uzyskać dostęp do dedykowanych opcji układu kontenera również 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 meta ustawień jest wyższy niż ustawień dostosowywania.
  • Ustawienia układu witryny decydują o szerokości kontenera.

Układ kontenera/Układ na całej szerokości

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

Dokumenty » Ustawienia dostosowywania » Globalne » Pełna szerokość / zawartość – układ kontenera

Jak wyjaśniono wcześniej, witryna internetowa może zawierać dwa kontenery; Kontener główny i kontener dodatkowy.

Kontener podstawowy to strona, na której pojawia się główna treść.

Kontener dodatkowy tworzy pasek boczny i różne widżety na pasku bocznym.

Za pomocą układu „Pełna szerokość / zawartość” można łączyć kontenery podstawowy i dodatkowy. Pojemniki te można następnie umieścić w jednym pojemniku, aby uzyskać bardziej uporządkowany wygląd. Układ „Pełna szerokość / Zawiera” wyświetla zawartość i pasek boczny obok siebie w jednym kontenerze. Ten kontener pozostawi przestrzeń wokół kontenera, ponieważ jest wyświetlany w szerokości kontenera.

Ustawienia kontenera można zmienić lub zmodyfikować, przechodząc do Wyglądu i podążając następującą ścieżką:

Wygląd > Dostosuj > Globalny > Kontener

Układ o pełnej szerokości/zawarty jest idealny dla stron internetowych, które wymagają schludnego projektu, bez żadnych ramek i granic siatki. Ten układ można ustawić jako domyślny poprzez integrację z plugin takimi jak WooCommerce, LifterLMS itp.

Wiele programów do tworzenia stron, takich jak Visual Composer, wymaga, aby motyw kontrolował szerokość 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 dostosowywania » Globalne » Zawartość w pudełku – układ kontenera

Omówiliśmy wcześniej, że zwykle witryna internetowa może zawierać dwa kontenery:

Kontener podstawowy: gdzie pojawia się główna treść

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

Jeśli wybierzesz „Układ w ramce z zawartością”, w formacie pudełkowym pojawi się tylko główny kontener. Niemniej jednak drugi pojemnik pozostanie na gładkim tle.

Jeśli chcesz, aby obszar zawartości Twojej witryny był bardziej widoczny niż pasek boczny, wybranie tego układu będzie idealne. Mówiąc najprościej, układ pudełkowy z treścią jest idealny dla witryn i blogów z treścią.

Ustawienia układu pudełkowego można znaleźć jako:

 Wygląd > Dostosuj > Globalny > Kontener

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

  • Kontener pudełkowy z zawartością można zastosować do wybranych stron lub postów za pomocą ustawień meta.
  • Ustawienia układu witryny decydują o szerokości kontenera.
  • Za pomocą plugin Astra Pro Addon możesz zmienić kolor tła witryny poprzez moduł Kolory i tła. Jeśli jednak nie masz Astry Pro, możesz także dodać obraz tła za pomocą niestandardowego CSS.

Funkcje bezpłatnego motywu Astra

Astra to niewątpliwie najlepszy motyw dla Elementora. Świetnie współpracuje 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.

Pełna szerokość / układ rozciągnięty

Astra zapewnia układ o pełnej szerokości / rozciągnięty, stworzony specjalnie dla Elementora. Dzięki temu układowi Elementor uzyskuje pełną kontrolę nad układem, uwalniając Cię od kłopotów związanych ze stosowaniem skomplikowanej metody JavaScript w celu rozszerzenia wierszy lub sekcji do pełnej szerokości.

Dzięki Astrze możesz dość łatwo wyłączyć pasek boczny, tytuł strony, bułkę tartą i wyróżnione obrazy, aby uzyskać pełną swobodę projektowania za pomocą Elementora. Wyłączając te funkcje, możesz mieć puste płótno, które pozwala zaprojektować witrynę od podstaw - dokładnie tak, jak chcesz. Możesz nawet zbudować niestandardową stronę docelową, wyłączyć nagłówek i stopkę Astry, aby Elementor mógł cieszyć się pełną kontrolą nad stroną.

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

Opcje globalne z Customizera

Opcje globalne Astry umożliwiają ustawienie wymaganego układu, paska bocznego i innych ustawień niestandardowych, które są odpowiednie dla Elementora bezpośrednio w Dostosowywaniu. Opcja globalna jest idealna, zwłaszcza jeśli tworzysz witrynę internetową, której większość stron jest zaprojektowana za pomocą Elementora.

Ponownie, jeśli chcesz mieć różne ustawienia dla poszczególnych stron, opcja globalna zostanie zastąpiona tymi indywidualnymi ustawieniami.

Kompatybilny z Elementorem Pro 2.0

Astra to jeden z niewielu motywów, które są w pełni kompatybilne z Kreatorem motywów Elementor 2.0. Używając Astry i Elementor Pro 2.0 Theme Builder, możesz mikroprojektować każdy aspekt swojej witryny. Niezależnie od tego, czy wybierasz inny nagłówek, stopkę, szablony bloga, czy cokolwiek innego, dzięki tym dwóm potężnym narzędziom możesz zrobić to po swojemu.

Integracja Elementora

Astra oferuje inteligentną integrację z Elementorem. Jeśli tworzysz stronę za pomocą Elementora, Astra automatycznie ustawi te opcje, które są najlepsze dla Elementora. Ta inteligentna integracja pozwala zaoszczędzić sporo czasu i energii, które możesz przeznaczyć na inne ważne rzeczy.

Astra oferuje ponad 30 typów nagłówków i ponad 10 typów stopek. Możesz wybrać, czy chcesz mieć przezroczysty nagłówek, czy pełny. Możesz nawet zbudować swój nagłówek od podstaw na Elementorze, zgodnie z własnymi wymaganiami, za pomocą dodatku Astra Pro.

Opcje nagłówka mobilnego

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

Lekki i wolny od wzdęć

Astra zapewnia wsparcie dla Elementora. Oznacza to, że Astra nie powiela funkcjonalności oferowanych przez elementor. Astra to lekki i modułowy motyw. Dba o kosmetyki, takie jak globalne kolory, typografię i stylizację oraz integracje plugin innych firm. Niemniej jednak Elementor zajmuje się częścią tworzenia strony.

Ahmad

Zobacz komentarze

  • Mam pytanie dotyczące dostosowania kontenera. Można regulować szerokość. Ale nigdzie nie czytam jak można regulować wysokość pojemnika (bloku). Na mojej stronie jest za dużo bieli. Chciałbym, aby tekst główny znajdował się bliżej nagłówka, zmniejszając wysokość bloku, w którym się znajduje.

    • Cześć, nie ma konfiguracji wysokości, jest ona definiowana przez zawartość wszystkich sekcji strony + marginesy. W twoim przypadku myślę, że jest to problem marginesu/dopełnienia nagłówka lub pierwszej sekcji.

Ostatnie posty

Jak używać nagłówków i stopek w Elementorze

Nagłówki i stopki witryny internetowej są niezbędnymi elementami. W większości przypadków nagłówek zapewnia nawigację…

6 stycznia 2022 r

Porównanie motywów WordPress: Astra vs OceanWP

Dwa najpopularniejsze motywy WordPress na rynku to Astra i OceanWP. Profesjonalny…

2 stycznia 2022 r

Porównanie motywów wiadomości WordPress: Gazeta vs. Astry

Stworzenie doskonałej witryny z wiadomościami nie wymaga zostania projektantem stron internetowych. My…

25 października 2021 r

Utwórz witrynę internetową związaną z wiadomościami za pomocą motywu gazety

Motyw gazety jest jednym z najważniejszych motywów WordPress zaprojektowanych przez tagDiv, firmę…

18 października 2021 r

Jak zbudować eCommerce za pomocą kreatora Avada WooCommerce

Jeśli chodzi o konfigurację sklepu internetowego, WooCommerce jest najczęściej wybieraną plugin . To…

4 października 2021 r

Jak używać lepkiego nagłówka i efektów przewijania w Elementorze

Nagłówek jest zazwyczaj pierwszą rzeczą, którą widzi osoba odwiedzająca Twoją witrynę…

21 września 2021 r