Murværk layout er en populær og moderne stil. Du kan nemt bruge det på blokredigeringswebstedet. GutenKit Advanced Masonry-blok hjælper med alle de nødvendige funktioner og funktioner, du skal bruge for at designe en Pinterest-lignende Masonry-stil på din WordPress-hjemmeside.

Følg dette dokument for at lære, hvordan du tilføjer et Masonry-layout til blokredigeringswebstedet. 

Sådan bruges GutenKit Advanced Masonry Block #

Lad os gennemgå forskellige dele af GutenKit Advanced Masonry-blokken.

Tilføj murværksgenstande #

Når du går ind i GutenKit Advanced Masonry Block, er den som standard fyldt med tre Masonry-emner. Du kan tilføje flere ved at klikke på "Tilføj murværksgenstande”-knappen. Blandt disse elementer kan du tilføje enhver type blok. 

Noter det når du tilføjer en blok til et murværk, er alle blokindstillinger tilgængelige. 

Opsætning af murværksdesign #

Åbn blokindstillingerne og start fra Fanen Indhold.

Fanen Indhold

• Vælg Stil: Vælg en stil mellem Masonry og Grid.
• Antal kolonner: Definer antallet af kolonner.
• Gab mellem: Juster afstanden mellem kolonnerne.
• Vis Filtrer efter Kategori: Aktiver denne skifteknap for at vise kategorinavnet.

Stil murværk design #

Fra Fanen Stil, vil vi fokusere på tilpasningsdelen af murværket og filterelementerne.

Fanen Stil

Vare

• Polstring: Inøg pladsen inde i murværkerne.
• Grænseradius: Juster afrundingen af murværkets kant.

Følgende indstillinger anvendes både i normal tilstand og svævetilstand.

• Baggrundstype: Vælg en baggrundstype mellem ensfarvet og gradient.
• Grænse: Vælg en farve til kanten, og skift dens stil og tykkelse. 
• Box Shadow: Klik på redigeringsikonet for at få alle boksens skyggeindstillinger.

Filterelement

• Justering: Juster placeringen af filterkategorielementer til venstre, centreret og højre.
• Gab mellem: Definer afstanden mellem filterkategorielementer.
• Typografi: Få alle typografitilpasningsindstillinger for filterkategorinavnet.

Følgende funktioner kan justeres til tilstandene Normal, Hover og Active. Her refererer den aktive tilstand til den aktuelle mursektion, der vises på din skærm, eller når du klikker på den.

• Skrift farve: Skift skrifttypefarven for filterkategorien.
• Baggrund: Vælg en baggrundsstil mellem ensfarvet og gradient.
• Grænse: Få kantindstillinger som farve, tykkelse og stil.
• Box Shadow: Giv en skyggeeffekt til catererens kant.
• Polstring: Juster mellemrummene mellem 
• Grænseradius: Definer rundheden af filterkategorikanten.

Filterindpakninger

• Mellemrum bund: Giv plads mellem murværksindhold.
• Baggrundstype: Vælg en baggrundstype mellem ensfarvet og gradient.
• Polstring: Skab plads omkring filterkategorien.
• Grænseradius: Juster kantens rundhed.

Det er det! Du vil ende med at designe et fantastisk og responsivt murværksdesign på din blokredaktørs hjemmeside.