Układ murowany to popularny i nowoczesny styl. Można go łatwo używać na stronie edytora bloków. GutenKit Advanced Masonry block zapewnia wszystkie niezbędne funkcje i funkcje potrzebne do zaprojektowania stylu murarskiego podobnego do Pinteresta na Twojej stronie WordPress.

Postępuj zgodnie z tym dokumentem, aby dowiedzieć się, jak dodać układ murowy do witryny edytora bloków. 

Jak używać zaawansowanego bloczka murarskiego GutenKit #

Przyjrzyjmy się różnym częściom bloku murarskiego GutenKit Advanced.

Dodaj elementy murarskie #

Po wejściu do zaawansowanego bloczka murowego GutenKit, domyślnie ładowane są trzy elementy murarskie. Możesz dodać więcej, klikając „Dodaj elementy murarskie" przycisk. Wśród tych elementów możesz dodać dowolny rodzaj bloku. 

Zauważ to po dodaniu bloku do elementu murowego dostępne są wszystkie ustawienia bloku. 

Skonfiguruj projekt muru #

Otwórz ustawienia bloku i zacznij od Zakładka Treść.

Zakładka Treść

• Wybierz styl: Wybierz styl pomiędzy Murem a Siatką.
• Liczba kolumn: Określ liczbę kolumn.
• Luka między: Dostosuj odstęp między kolumnami.
• Pokaż filtr według kategorii: Włącz ten przycisk przełączania, aby wyświetlić nazwę kategorii.

Stylowy projekt murarski #

Z Karta Styl, skupimy się na części dostosowywania elementów murowych i elementach filtrujących.

Karta Styl

Przedmiot

• Wypełnienie: Izwiększ przestrzeń wewnątrz elementów murowych.
• Promień granicy: Dostosuj okrągłość obramowania elementu murowego.

Poniższe ustawienia są stosowane zarówno w stanie normalnym, jak i po najechaniu myszką.

• Typ tła: Wybierz typ tła pomiędzy jednolitym kolorem a gradientem.
• Granica: wybierz kolor obramowania oraz zmień jego styl i grubość. 
• Pudełko Cień: Kliknij ikonę edycji, aby wyświetlić wszystkie ustawienia cienia ramki.

Filtruj element

• Wyrównanie: Dostosuj rozmieszczenie elementów kategorii filtra po lewej, pośrodku i po prawej stronie.
• Luka między: Określ odstęp pomiędzy elementami kategorii filtra.
• Typografia: pobierz wszystkie ustawienia dostosowywania typografii dla nazwy kategorii filtra.

Następujące funkcje można dostosować do trybów Normalny, Aktywny i Aktywny. W tym przypadku tryb aktywny odnosi się do aktualnego przekroju muru wyświetlanego na wyświetlaczu lub po kliknięciu na niego.

• Kolor czcionki: zmiana koloru czcionki kategorii filtra.
• Tło: wybierz styl tła pomiędzy jednolitym kolorem a gradientem.
• Granica: Uzyskaj ustawienia obramowania, takie jak kolor, grubość i styl.
• Pudełko Cień: Dodaj efekt cienia do granicy firmy cateringowej.
• Wyściółka: Dostosuj odstępy pomiędzy 
• Promień granicy: Określ okrągłość granicy kategorii filtra.

Opakowania filtrów

• Rozstaw na dole: Zrób miejsce pomiędzy elementami murowymi.
• Typ tła: Wybierz typ tła pomiędzy jednolitym kolorem a gradientem.
• Wyściółka: Utwórz przestrzeń wokół kategorii filtra.
• Promień granicy: Dostosuj okrągłość obramowania.

Otóż to! Skończysz na projektowaniu oszałamiającego i responsywnego projektu muru na swojej stronie internetowej edytora bloków.