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

Acesso ao seu painel do WordPress –

• Encontrar Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
• Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
• Um menu de bloqueio aparecerá, procure por “Lista de páginas”.
• Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.

Editando parte do conteúdo #

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

Lista #

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 Título, Legenda, Cor do título, Cor da legenda, Tipo de plano de fundo, Mostrar Icone, Ícone, Cor do ícone, Select Page / Custom Link, e Mostrar selo.

Configurações #

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

Estilo #

• Lista – You can style your page list with custom width, row gap, padding, divider etc.
• Ícone – If you want you can change the icon alignment. icon color, padding, and so on.
• Título – 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.

Resultado final #

See how we have customized it –

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