To display a list of pages from your website, you can pick GutenKit Page List block. By customizing the appearance of the block, you can display the pages in a variety of styles.

We’ll discuss here, how to use GutenKit Page List block. Let’s start!

How can you use page list block? #

Accesso alla dashboard di WordPress –

• Trovare Pagine/Articoli > Aggiungi nuova pagina/Articolo oppure inizia a modificare una pagina esistente con l'editor a blocchi.
• Cerca il “+" sul lato destro o nella parte superiore della schermata dell'editor. Cliccalo.
• Apparirà un menu a blocchi, cerca "Elenco pagine”.
• Quando lo vedi, fai clic su di esso o trascinalo e rilascialo nella schermata dell'editor dei blocchi.

Modifica della parte del contenuto #

There are two parts, List and Settings. When you expand the fields you will customization options.

Elenco #

From the List option, you can add items according to your needs and customize them.

After adding an item or page name, you can set Titolo, Sottotitolo, Colore del titolo, Colore sottotitoli, Tipo di sfondo, Mostra icona, Icona, Colore dell'icona, Select Page / Custom Link, E Mostra distintivo.

Impostazioni #

• Allineamento – You can adjust the alignment by choosing default or inline style. However, if you choose inline style, you can also adjust Columns grid.
• Bersaglio – There are options to select target as blank or self.
• Rel – You can keep it ON or Off.

Stile #

• Elenco – You can style your page list with custom width, row gap, padding, divider etc.
• Icona – If you want you can change the icon alignment. icon color, padding, and so on.
• Titolo – To customize the title color, margin, typography, etc. you can use this option.
• Subtitle – There are choices to adjust subtitles’ hover color, margin, typography, etc.
• Distintivo – Finally, you can decorate the badge by changing typography, color, margin, etc. with this option.

Risultato finale #

See how we have customized it –

Follow these steps, and you’ll be able to create your customized page list.