Il layout in muratura è uno stile popolare e moderno. Puoi usarlo facilmente sul sito web dell'editor di blocchi. Il blocco GutenKit Advanced Masonry ti aiuta con tutte le caratteristiche e le funzioni necessarie per progettare uno stile Masonry simile a Pinterest sul tuo sito Web WordPress.

Segui questo documento per scoprire come aggiungere un layout in muratura al sito Web dell'editor di blocchi. 

Come utilizzare il blocco in muratura avanzato GutenKit #

Esaminiamo diverse parti del blocco GutenKit Advanced Masonry.

Aggiungi elementi in muratura #

Una volta inserito il blocco in muratura avanzato GutenKit, per impostazione predefinita viene caricato con tre elementi in muratura. Puoi aggiungerne altri facendo clic su “Aggiungi elementi in muraturapulsante ". Tra questi elementi puoi aggiungere qualsiasi tipo di blocco. 

Notare che quando aggiungi un blocco ad un elemento in muratura, tutte le impostazioni del blocco sono disponibili. 

Impostazione della progettazione in muratura #

Apri le impostazioni del blocco e inizia da Scheda Contenuto.

Scheda Contenuto

• Scegli lo stile: seleziona uno stile tra Muratura e Griglia.
• Numero di colonne: Definisce il numero di colonne.
• Spazio tra: regola lo spazio tra le colonne.
• Mostra filtro per categoria: attiva questo pulsante di attivazione/disattivazione per mostrare il nome della categoria.

Stile di progettazione in muratura #

Dal Scheda Stile, ci concentreremo sulla parte di personalizzazione degli elementi in muratura e sugli elementi filtro.

Scheda Stile

Articolo

• Imbottitura: Inaumentare lo spazio all'interno degli elementi in muratura.
• Raggio del confine: regola la rotondità del bordo dell'elemento in muratura.

Le seguenti impostazioni vengono applicate sia allo stato normale che al passaggio del mouse.

• Tipo di sfondo: scegli un tipo di sfondo tra colore solido e sfumato.
• Confine: scegli un colore per il bordo e modificane lo stile e lo spessore. 
• Scatola Ombra: fare clic sull'icona di modifica per ottenere tutte le impostazioni dell'ombra della casella.

Filtra elemento

• Allineamento: regola il posizionamento degli elementi della categoria filtro a sinistra, al centro e a destra.
• Spazio tra: definisce lo spazio tra gli elementi della categoria filtro.
• Tipografia: ottieni tutte le impostazioni di personalizzazione della tipografia per il nome della categoria del filtro.

Le seguenti funzionalità possono essere regolate per le modalità Normale, Al passaggio del mouse e Attiva. In questo caso, la modalità attiva si riferisce alla sezione della muratura corrente visualizzata sul display o quando si fa clic su di essa.

• Colore del carattere: modifica il colore del carattere della categoria del filtro.
• Sfondo: scegli uno stile di sfondo tra tinta unita e sfumatura.
• Confine: ottieni le impostazioni del bordo come colore, spessore e stile.
• Scatola Ombra: Dona un effetto ombra al bordo del catering.
• Imbottitura: regola gli spazi tra i 
• Raggio del confine: Definisce la rotondità del bordo della categoria filtro.

Involucri di filtri

• Spaziatura inferiore: Fai spazio tra i contenuti in muratura.
• Tipo di sfondo: Scegli un tipo di sfondo tra tinta unita e gradiente.
• Imbottitura: Crea spazio attorno alla categoria del filtro.
• Raggio del confine: Regola la rotondità del bordo.

Questo è tutto! Finirai per progettare un design in muratura sorprendente e reattivo sul tuo sito web dell'editor di blocchi.