June - Creating a Category Index Page

The Category Index page on the demo is created using the Atomic Blocks plugin, which you'll need to have installed and activated on your site.

To create your own Category Index page, you can go to Pages > Add New, and create a new page with any name you'd like it to have. 

From there, you'll add a new block and choose the Post and Page Grid option. 

By default, this will populate with your latest posts. To customize the grid for a certain category, you'll customize the settings that appear on the right side of your screen. To match the demo, you'll match these settings:

  • Post and Page Grid Settings
    • Content Type: Posts
    • Order By: Newest to Oldest
    • Category: Choose the category you want to display
    • Number of Items: Choose the number of posts you want displayed in the grid
    • Columns: Choose the number of columns you want the section to have. Note that this will be limited by the number of posts you're trying to display and the number of posts you have published in this category.
  • Post and Page Grid Content
    • Display Section Title: On
      • Type in the name of the Category you selected to show
    • Display Featured Image: On
    • Image Size: Full
    • Display Author: Off
    • Display Date: Off
    • Display Excerpt: Off
    • Display Continue Reading Link: Off

To add a button to display below the grid linking to the category page, you'll then create a Button block.

You'll type in the text you want to appear on the button. By default, the button will match the fonts and colors you've selected in the Customizer settings, so you don't have to worry about customizing anything on the right side of your screen. 

To align the button to be in the center, you'll click just outside of the button area to see the settings appear. 

Then you'll select the Align Center option.

You can repeat the steps above for as many categories as you want to display on this page.

Note: The more content you add to this page, the slower it will load. I recommend showing no more than 3-4 posts from each category, with a max of 4-5 categories.

Still need help? Contact Us Contact Us