Dodawanie, przesuwanie i zmiana rozmiaru bloków
Dodawaj bloki do strony przez przeciąganie lub kliknięcie, a potem przesuwaj je, zmieniaj ich rozmiar, duplikuj i usuwaj na 12-kolumnowej siatce.
Bloki to elementy składowe strony: nagłówki, teksty, przyciski, obrazy, siatki produktów i inne. Dodajesz je z panelu Bloki, upuszczasz tam, gdzie chcesz, i przeciągasz ich krawędzie, aby zmienić rozmiar.
Jak rozmieszczone są bloki
Każda sekcja strony to siatka złożona z 12 kolumn. Blok zajmuje jedną lub więcej kolumn oraz jeden lub więcej wierszy tej siatki. Gdy upuszczasz blok lub zmieniasz jego rozmiar, przyciąga się on do siatki, dzięki czemu elementy są wyrównane, a strona porządnie przekształca się na telefonie. Nigdy nie ustawiasz bloku co do piksela.
Bloki znajdują się wewnątrz sekcji. Strona potrzebuje co najmniej jednej sekcji, zanim będzie można dodać blok.
Dodaj blok
Blok możesz dodać na dwa sposoby.
Przeciągnij go na stronę
- W panelu Bloki po lewej znajdź potrzebny blok. Grupy to Podstawy, Media, Układ, Sklep, Marketing oraz Menu i formularze.
- Naciśnij blok i przytrzymaj, a potem przeciągnij go na stronę.
- Przesuń wskaźnik nad sekcję. Pojawią się jasne kolumny, a niebieskie pole pokaże dokładnie, gdzie blok wyląduje i jak będzie duży.
- Zwolnij przycisk myszy. Blok pojawi się w polu i zostanie zaznaczony, więc jego ustawienia otworzą się po prawej.
Uwaga: Upuszczaj blok na puste miejsce. Jeśli upuścisz go w miejscu, które zajmuje już inny blok, oba będą leżeć jeden na drugim. Naciśnij Ctrl + Z, aby cofnąć, lub przeciągnij nowy blok gdzie indziej.
Kliknij go
Kliknij blok w panelu Bloki, aby dodać go na dole zaznaczonej sekcji. Jeśli nic nie jest zaznaczone, trafi do ostatniej sekcji na stronie. To najszybszy sposób na zbudowanie strony od góry do dołu.
Zaznacz blok
Kliknij blok na stronie. Dostanie niebieski obrys, dwa niebieskie uchwyty zmiany rozmiaru oraz mały pasek narzędzi obok z trzema przyciskami: Duplikuj, Obróć i Usuń. Panel ustawień po prawej zmieni się, aby pokazać ustawienia tego bloku.
Przesuń blok
- Naciśnij blok i przytrzymaj, a potem przeciągnij go. Mała kopia bloku podąża za wskaźnikiem.
- Obserwuj niebieskie pole, aby zobaczyć, gdzie blok wyląduje.
- Zwolnij przycisk myszy.
Możesz przeciągnąć blok do innej sekcji lub do kontenera albo siatki. Przeniesienie bloku do innej sekcji jest możliwe tylko w widoku Komputer, ponieważ zmienia on blok na każdym rozmiarze ekranu.
Zmień rozmiar bloku
- Kliknij blok, aby go zaznaczyć.
- Przeciągnij uchwyt na prawej krawędzi, aby zmienić liczbę kolumn szerokości. Przeciągnij uchwyt na dolnej krawędzi, aby zmienić liczbę wierszy wysokości.
- Zwolnij przycisk myszy.
Ustaw rozmiar i pozycję liczbami
Aby mieć dokładną kontrolę, użyj panelu ustawień zamiast przeciągania.
- Zaznacz blok.
- W panelu ustawień kliknij Rozmiar i pozycja, aby go otworzyć.
- Przyciskami minus i plus zmień Zaczyna się w kolumnie, Szerokość w kolumnach, Zaczyna się w wierszu i Wysokość w wierszach.
Ta sama grupa ma jeszcze dodatkowe opcje:
- Wypełnij całą szerokość rozciąga blok na wszystkie kolumny elementu, który go zawiera.
- Ukryj ten blok ukrywa blok. W widokach Tablet i Telefon przełącznik ukrywa go tylko na tym rozmiarze ekranu. Zobacz Dostosuj wygląd witryny do telefonów i tabletów.
- Taki sam na wszystkich ekranach utrzymuje jeden układ bloku na komputerze, tablecie i telefonie.
- Precyzyjne dostrojenie zawiera suwaki Obrót, Przesunięcie w poziomie i Przesunięcie w pionie. Przechylają one lub przesuwają blok wizualnie bez zmiany jego miejsca w siatce, więc nic wokół niego się nie rusza. Mały znak X obok suwaka przywraca zero. Możesz też obracać blok, przeciągając wokół niego przycisk Obróć z paska narzędzi bloku. Blok przyciąga się do pozycji prostej, a przytrzymanie Shift przyciąga go co 15 stopni.
Wskazówka: Zaznaczony blok możesz też przesuwać klawiaturą. Ctrl + klawisz strzałki przesuwa go o jedną komórkę siatki, a Ctrl + Shift + klawisz strzałki zwiększa go o jedną komórkę szerokości lub wysokości. Wszystkie skróty znajdziesz w artykule Edytor w skrócie.
Duplikuj lub usuń blok
- Aby zduplikować, zaznacz blok i kliknij Duplikuj na jego pasku narzędzi lub naciśnij Ctrl + D. Kopia pojawi się tuż pod oryginałem.
- Aby usunąć, zaznacz blok i kliknij Usuń na jego pasku narzędzi lub naciśnij Delete. Możesz też otworzyć Zarządzaj w panelu ustawień i kliknąć tam Duplikuj lub Usuń.
Usunięcie bloku nie wymaga potwierdzenia. Jeśli usuniesz blok przez pomyłkę, kliknij Cofnij na górnym pasku.