Categories List Block

Go to the List of Blocks

The Categories List block organizes 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 block embedded in the Editor.

The Categories List block can be added to a page by clicking on the Block Inserter button. You can find the Categories List block listed under the Widgets section.

Alternatively, you can type /categories to select the Categories List block and hit enter in a new paragraph block to add one quickly.

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

Detailed instructions on adding blocks

Block toolbar

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

Block toolbar in the Categories List block
Categories list block toolbar

Transform to

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

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

Block-moving tools

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

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

Get more information about moving a block within the editor.

Change alignment

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

Change alignment in the Categories List block
Change alignment in the Categories List block

None: Leaves the block alignment as is.

Wide width: Increase the width of the block beyond the content size.

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

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

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

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

More options

These controls give you the option to copy, duplicate, and edit your block as HTML.

Read about these and other settings.

Block settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, simply click 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 hierarchy, the top-level categories only, and the post counts.

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 counts 

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

Categories with post counts shown
Categories list block with post counts 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 hierarchy 

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

Categories with hierarchy shown
Categories list with hierarchy shown

Typography

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

Get more details about changing typography settings.

Dimensions

The Categories List block provides dimension settings options to add padding and margin.

For details refer to this support article: Dimension settings overview

Advanced settings

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block 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 block.

Changelog

  • Updated 2023-05-23
    • Added typography, dimension settings info
    • Added option to show empty categories
    • Changed name to Categories List block and updated the screenshots
    • Added ALT tags
  • Updated 2022-11-25
    • Removed redundant content
    • Aligned imaged for mobile view
  • Updated 2022-08-04
    • Added screenshots and content for 6.0
    • Added ALT tags for the images
  • Created 2019-03-07

Was this article helpful? How could it be improved?

First published

Last updated