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

Dostęp do panelu WordPress –

• Znajdować Strony/posty > Dodaj nową stronę/post lub rozpocznij edycję istniejącej strony za pomocą edytora bloków.
• Spójrz na "+” po prawej stronie lub u góry ekranu edytora. Kliknij to.
• Pojawi się menu bloku, wyszukaj „Lista stron”.
• Kiedy go zobaczysz, kliknij go lub przeciągnij i upuść na ekranie edytora bloków.

Edycja części merytorycznej #

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 Tytuł, Podtytuł, Kolor tytułu, Kolor napisów, Typ tła, Pokaż ikonę, Ikona, Kolor ikony, Select Page / Custom Link, I Pokaż odznakę.

Ustawienia #

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

Styl #

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

Ostateczne wyjście #

See how we have customized it –

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