Murverkslayout är en populär och modern stil. Du kan enkelt använda den på blockredigerarens webbplats. GutenKit Advanced Masonry-block hjälper till med alla nödvändiga funktioner och funktioner du behöver för att designa en Pinterest-liknande Masonry-stil på din WordPress-webbplats.

Följ det här dokumentet för att lära dig hur du lägger till en Masonry-layout på blockredigerarens webbplats. 

Hur man använder GutenKit Advanced Masonry Block #

Låt oss gå igenom olika delar av GutenKit Advanced Masonry-blocket.

Lägg till murverksföremål #

När du väl går in i GutenKit Advanced Masonry Block, laddas det med tre Masonry-objekt som standard. Du kan lägga till fler genom att klicka på "Lägg till murverksföremål" knapp. Bland dessa objekt kan du lägga till vilken typ av block som helst. 

Anteckna det när du lägger till ett block till ett murverk är alla blockinställningar tillgängliga. 

Ställ in murverksdesign #

Öppna blockinställningarna och börja från Fliken Innehåll.

Fliken Innehåll

• Välj Stil: Välj en stil mellan Masonry och Grid.
• Antal kolumner: Definiera antalet kolumner.
• Mellanrum mellan: Justera avståndet mellan kolumnerna.
• Visa filter efter kategori: Aktivera den här växlingsknappen för att visa kategorinamnet.

Stil murverk design #

Från Style Tab, kommer vi att fokusera på anpassningsdelen av murverksartiklarna och filterartiklarna.

Style Tab

Artikel

• Vaddering: Iöka utrymmet inuti murverken.
• Gränsradie: Justera murverkskantens rundhet.

Följande inställningar tillämpas både på normalt och svävande tillstånd.

• Bakgrundstyp: Välj en bakgrundstyp mellan enfärgad och övertoning.
• Gräns: Välj en färg för kanten och ändra dess stil och tjocklek. 
• Box Shadow: Klicka på redigeringsikonen för att få alla boxskugginställningar.

Filtrera objekt

• Inriktning: Justera placeringen av filterkategoriobjekt till vänster, mitten och höger.
• Mellanrum mellan: Definiera gapet mellan filterkategoriobjekt.
• Typografi: Få alla typografianpassningsinställningar för filterkategorins namn.

Följande funktioner kan justeras för lägena Normal, Hover och Active. Här hänvisar det aktiva läget till den aktuella murverkssektionen som visas på din display eller när du klickar på den.

• Fontfärg: Ändra teckensnittsfärgen för filterkategorin.
• Bakgrund: Välj en bakgrundsstil mellan enfärgad och övertoning.
• Gräns: Få raminställningar som färg, tjocklek och stil.
• Box Shadow: Ge en skuggeffekt till caterarens kant.
• Stoppning: Justera mellanrummen mellan 
• Gränsradie: Definiera rundheten för filterkategorikanten.

Filteromslag

• Avstånd Botten: Gör plats mellan murverksinnehåll.
• Bakgrundstyp: Välj en bakgrundstyp mellan solid färg och gradient.
• Stoppning: Skapa utrymme runt filterkategorin.
• Kantradie: Justera kantens rundhet.

Det är allt! Du kommer att designa en fantastisk och responsiv murverksdesign på din blockredigeringswebbplats.