Układy z kontenerami i siatkami
Zgrupuj bloki w kontenerze lub umieść je w komórkach siatki, aby tworzyć karty, kolumny i inne układy, które stylizujesz i przesuwasz jako całość.
Kontenery i siatki to bloki, które zawierają inne bloki. Kontener grupuje bloki w ramce, której możesz nadać tło i którą przesuwasz jako jedną całość. Siatka układa bloki w tabeli złożonej z wierszy i kolumn. Oba znajdziesz w grupie Układ w panelu bloków.
Którego użyć
- Użyj kontenera do karty, panelu z kolorowym tłem albo grupy bloków, które powinny pozostać razem.
- Użyj siatki, gdy chcesz ustawić elementy w równych kolumnach, na przykład trzy krótkie opisy zalet obok siebie.
Oba zapewniają blokom w środku własną przestrzeń. Jeśli chcesz tylko rozmieścić bloki na stronie, nie potrzebujesz żadnego z nich: umieść je bezpośrednio w sekcji.
Budowanie kontenera
- W panelu bloków znajdź Kontener w grupie Układ.
- Przeciągnij go do sekcji i upuść w wybranym miejscu. Pusty kontener wyświetla napis Upuść tutaj bloki.
- Przeciągnij blok z panelu bloków na kontener. Kontener otrzyma niebieskie obramowanie, które pokazuje, że blok trafi do jego wnętrza.
- Puść przycisk myszy. Blok pojawi się w kontenerze i wypełni jego szerokość.
- W ten sam sposób dodaj kolejne bloki.
Możesz też przeciągać do kontenera bloki, które już są na stronie, i wyciągać je z powrotem. Kontener może zawierać inne kontenery. Wewnątrz kontenera przesuwasz bloki i zmieniasz ich rozmiar dokładnie tak samo jak na stronie. Zobacz Dodawanie, przesuwanie i zmiana rozmiaru bloków.
Ważne: Usunięcie kontenera usuwa wszystkie bloki w jego wnętrzu. Jeśli zrobisz to przez pomyłkę, kliknij Cofnij (Ctrl+Z) na górnym pasku.
Zmiana wyglądu kontenera
- Kliknij kontener, a nie blok w jego wnętrzu. Dobrym miejscem jest puste miejsce między dwoma blokami.
- W panelu ustawień otwórz Ogólne i Wygląd.
W sekcji Ogólne:
- Układ wewnętrzny określa, jak są rozmieszczone bloki. Swobodna siatka (12 kolumn) pozwala umieszczać bloki w dowolnym miejscu, tak jak w sekcji. W kolumnie układa bloki jeden pod drugim. Obok siebie ustawia je w rzędzie i przenosi do nowych wierszy, gdy zabraknie miejsca.
- Odstęp siatki to przestrzeń między blokami.
- Wyrównanie elementów ustala, gdzie leżą bloki, gdy kontener jest wyższy od nich: Rozciągnij, Góra, Środek lub Dół.
W sekcji Wygląd: Kolor tła, Kolor obramowania, Zaokrąglenie rogów, Odstęp wewnętrzny w poziomie i Odstęp wewnętrzny w pionie (przestrzeń między krawędzią a blokami) oraz Minimalna wysokość.
Uwaga: Nowe bloki możesz upuszczać tylko do kontenera, którego Układ wewnętrzny to Swobodna siatka (12 kolumn). Aby wypełnić kontener ustawiony na W kolumnie lub Obok siebie, przełącz go na Swobodna siatka (12 kolumn), upuść bloki, a następnie przełącz go z powrotem.
Budowanie siatki
- Przeciągnij Siatka z grupy Układ do sekcji. Nowa siatka ma 3 kolumny i 2 wiersze, narysowane jako komórki z przerywanym obrysem.
- Przy zaznaczonej siatce otwórz Ogólne w panelu ustawień. Użyj pól Liczba kolumn i Liczba wierszy, aby ustawić jej kształt. Każde z nich może wynosić od 1 do 8.
- Przeciągnij blok na komórkę, w której ma się znaleźć. Niebieskie pole pokazuje komórkę, do której trafi.
- Puść przycisk myszy.
- Jeśli blok rozciągnął się na kilka komórek, zmniejsz go do jednej komórki. Zaznacz go, otwórz Rozmiar i pozycja i ustaw Szerokość w kolumnach na 1 albo przeciągnij uchwyt prawej krawędzi z powrotem do krawędzi komórki.
Nowy blok zachowuje swoją zwykłą szerokość, maksymalnie do liczby kolumn w siatce, więc na początku często zajmuje cały wiersz. Bloki mogą też celowo obejmować kilka komórek, jak scalona komórka w tabeli: poszerz lub podwyższ blok, aby zakrywał większą część siatki.
Ustawienia siatki
- Odstęp siatki i Wyrównanie elementów działają tak samo jak w kontenerze.
- W sekcji Wygląd możesz ustawić Kolor tła, Kolor obramowania, Zaokrąglenie rogów i odstępy wewnętrzne dla całej siatki. Obramowanie komórek zmienia tylko kolor przerywanych linii pomocniczych widocznych w edytorze.
Na telefonie siatka zwija się do jednej kolumny, a jej bloki układają się po kolei, więc rząd z trzema kolumnami zamienia się w trzy bloki jeden pod drugim.