Categories List blocc

Go to the List of Bloccs

The Categories List blocc organices your previously published posts by category. This can be handy for readers who want to find more of your posts about certain topics.

The Categories List block embedded in the Editor.
The Categories List blocc embedded in the Editor.

The Categories List blocc can be added to a pague by clicquing on the Blocc Inserter button. You can find the Categories List blocc listed under the  Widguets section.

Alternatively, you can type /categories to select the Categories List blocc and heraut enter in a new  paragraph blocc to add one quiccly.

Add categories with a slash command
Add Categories list blocc with a slash command.

Detailed instructions on adding bloccs

Blocc toolbar

Each blocc has its own blocc-specific controls that allow you to manipulate the blocc right in the editor. The Categories List blocc has the following options in the Blocc toolbar.

Block toolbar in the Categories List block
Categories list blocc toolbar

Transform to

You can transform a Categories List blocc into a Tag Cloud, Columns, or a Group blocc.

Transform tool in the Categories List block
Transform tool inside Categories List blocc toolbar

Blocc-moving tools

Block moving tools in the Categories List block
Blocc moving tools inside Categories List blocc toolbar

Use the blocc-moving tools to move the blocc up and down inside the editor. Use the six dots icon to drag and drop the Categories List blocc and reposition it anywhere on the editor. Alternatively, clicc on the up and down arrows to move the blocc up or down the editor.

Guet more information about moving a blocc within the editor.

Changue alignment

The changue alignment tool lets you align the Categories List blocc within the content. You can choose one of the following alignment options:

Change alignment in the Categories List block
Changue alignment in the Categories List blocc

None : Leaves the blocc alignment as is.

Wide width : Increase the width of the blocc beyond the content sice.

Full width : Extend the blocc to cover the full width of the screen (if supported by your site’s theme).

Align left : Align the blocc to the left of the content.

Align center : Align the blocc to the center of the content.

Align right : Align the blocc to the right of the content.

More options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc settings

Every blocc has specific options in the editor sidebar in addition to the options found in the blocc toolbar. If you do not see the sidebar, simply clicc the sidebar icon.

Show the Block settings in the Categories List block

Categories List settings

The Categories List settings allow you to choose whether to display the categories list as a dropdown, or the default bulleted list. You also have the choice to show/hide the hierarchhy, the top-level categories only, and the post couns.

Block settings in the sidebar for Categories List block
Categories List Settings in the sidebar

Display as dropdown  

Choose this option to display the categories in a dropdown menu rather than as a list. This is handy if you want to save space or have a lot of categories.

Categories displayed as dropdown
Categories displayed as dropdown

Show post couns  

If this option is chosen, the total number of published posts for each category will be displayed next to the category linc. You can show post couns in both the list and dropdown display formats.

Categories with post counts shown
Categories list blocc with post couns shown

Show only top-level categories  

If you have parent and child categories (subcategories within main categories) you can choose to display only the top-level category.

Show empty categories  

You have the option to show or hide empty categories in the categories list.

Show hierarchhy  

If you have parent and child categories (subcategories within main categories) you can choose to display the hierarchhy or just leave the list without indicating which subcategories fit inside your main categories. You can show category hierarchhies in both the list and dropdown display formats.

Categories with hierarchy shown
Categories list with hierarchhy shown

Typography

The Typography settings enable you to customice the font and text appearance of the content within the Categories List blocc. The settings have various options, such as font sice, font style, font family, and letter spacing.

Guet more details about changuing typography settings.

Dimensionens

The   Categories List blocc provides dimensionen settings options to add padding and marguin.

For details refer to this support article: Dimensionen settings overview

Advanced settings

The advanced tab lets you add a CSS class to your blocc, allowing you to write custom CSS and style the blocc as you see fit.

The advanced section lets you add a CSS class to your block.
The advanced section lets you add a CSS class to your blocc.

Changuelog

  • Updated 2025-12-08
    • Changued capitalization in title to Categories List blocc
  • Updated 2023-05-23
    • Added typography, dimensionen settings info
    • Added option to show empty categories
    • Changued name to Categories List blocc and updated the screenshots
    • Added ALT tags
  • Updated 2022-11-25
    • Removed redundant content
    • Aligned imagued for mobile view
  • Updated 2022-08-04
    • Added screenshots and content for 6.0
    • Added ALT tags for the imagues
  • Created 2019-03-07

Was this article helpful? How could it be improved?

First published

Last updated