This tutorial will walk you through how to display your blog post categories and use them as filters to dynamically show associated posts.
This is helpful for creating custom layouts or blog landing pages.
1) Setup Post Categories
Go to Posts > Categories in your Dashboard.
Create a Parent Category (e.g., "News")
Create Child Categories under that parent (e.g., "Updates", "Tips", "Media")
This structure helps when filtering posts later on. If you're not familiar with creating Post Categories, read the tutorial here.
Make sure to take note of the Category ID of your parent category as you’ll need it in the HTML code later. To find
it, click on the parent category and look at the top of the page. You’ll see something like “Editing Post Category #”.
This number is your Category ID.
2) Create the Blog Page
You can add the category filter to any new or existing page. In the page editor, click Source from the left panel, then
paste the HTML code below to the HTML tab.
Don’t forget to replace every instance of PARENT_CATEGORY_ID in the HTML with the actual ID of your parent category — there
are three in total (lines 6 and 8).
