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? #

Accès à votre tableau de bord WordPress –

• Trouver Pages/Messages > Ajouter une nouvelle page/Message ou commencez à modifier une page existante avec l'éditeur de blocs.
• Cherchez le "+"Icône sur le côté droit ou en haut de l'écran de l'éditeur. Cliquez dessus.
• Un menu de blocage apparaîtra, recherchez «Liste des pages».
• Lorsque vous le voyez, cliquez dessus ou faites-le glisser et déposez-le sur l'écran de l'éditeur de blocs.

Modification de la partie contenu #

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

Liste #

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 Titre, Sous-titre, Couleur du titre, Couleur des sous-titres, Type d'arrière-plan, Montrer l'icône, Icône, Couleur de l'icône, Select Page / Custom Link, et Afficher le badge.

Paramètres #

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

Style #

• Liste – You can style your page list with custom width, row gap, padding, divider etc.
• Icône – If you want you can change the icon alignment. icon color, padding, and so on.
• Titre – 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.
• Badge – Finally, you can decorate the badge by changing typography, color, margin, etc. with this option.

Résultat final #

See how we have customized it –

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