Jak skonfigurować niestandardową siatkę modułową w Zero Block

Siatka modułowa pozwala zdefiniować podstawową strukturę projektu i szybciej pracować z układem. Tworzy ujednolicony układ wszystkich elementów witryny i pomaga zachować porządek wizualny.

Domyślnie na stronie Tilda używana jest 12-kolumnowa siatka.

Zero Block editor: empty artboard displaying vertical column guidelines for the modular grid layout.

Aby skonfigurować siatkę, przejdź do Zero Block → Ustawienia → kliknij "Otwórz" w sekcji "Zero Block Ustawienia".

Siatka jest modyfikowana osobno dla każdej rozdzielczości: Będzie ona inna dla komputerów stacjonarnych i urządzeń mobilnych.

Siatkę można wyświetlić lub ukryć za pomocą klawisza "G" lub klikając trzy kropki w prawym górnym rogu ekranu → "Pokaż siatkę" / "Ukryj siatkę"lub przełączając opcję "Ukryj siatkę" w ustawieniach Zero Block .

Ustawienia siatki pionowej

Kolumny oznacza liczbę kolumn;
Szerokość kolumny to szerokość każdej kolumny w pikselach;
Wcięcie kolumny oznacza odstęp między kolumnami w pikselach;
Marginesy kolumn to odstępy po lewej i prawej stronie siatki w pikselach.

In Zero Block, the "COLUMNS", "COLUMN WIDTH, PX", "COLUMN GUTTER, PX", and "COLUMN MARGINS, PX" fields in the modular grid settings panel.

Niektóre wartości można zablokować, aby nie zmieniały się po dostosowaniu innych. Aby zablokować wartość, kliknij ikonę blokady obok wymaganego parametru.

Ustawienia siatki poziomej

Linia bazowa wiersza to odstęp między poziomymi wierszami w pikselach;
Wysokość modułu to liczba wierszy (modułów), po których następuje pusty wiersz oznaczający początek następnego modułu;
Marginesy wierszy to odstępy poniżej i powyżej siatki w pikselach.

In the Zero Block grid settings panel, the "ROW BASELINE, PX", "MODULE HEIGHT", and "ROW MARGINS, PX" fields.

Ogólne ustawienia siatki

Kolor to kolor kolumn (widoczny tylko w edytorze);
Krycie to nieprzezroczystość wypełnienia kolumn;
Krycie obramowania to krycie obramowania kolumn.

In Zero Block: the "COLOR", "OPACITY", and "BORDER OPACITY" settings at the bottom of the grid settings panel on the right.

Ważne: Domyślnie ustawienia siatki są określone dla całego projektu. Oznacza to, że ta sama siatka modułowa będzie używana automatycznie na każdej stronie Zero Block .

Aby utworzyć unikalną siatkę dla określonego bloku, otwórz ustawienia siatki i wybierz wartość "Bieżący blok" dla opcji "Użyj dla". W ten sposób ustawienia zostaną zastosowane tylko do bieżącego bloku, a inne bloki będą używać domyślnej siatki. będą używać domyślnej siatki.

Zero Block grid settings: the "USE FOR" dropdown menu at the bottom of the right-hand panel.

Zawsze można również cofnąć wprowadzone zmiany i przywrócić ustawienia siatki. Aby to zrobić, kliknij przycisk "Przywróć domyślne ustawienia siatki" → kliknij "OK" w wyskakującym oknie.