WordPress category page
Themeisle content is free. When you purchase through referral links on our site, we earn a commission. Learn More

Trying to create a custom WordPress category page but not sure where to start? 🤔

If you run a blog, it’s essential to have your posts organized into categories. This layout makes it easier for readers to find specific topics on your website.

However, a default category page can look unattractive or clash with your overall design. Therefore, you might consider creating a custom WordPress category page to make this content more visually appealing.

💡 Fortunately, you can customize your category pages without touching a single line of code. You can build your template using the native WordPress Site Editor (AKA Gutenberg) or one of the several popular page builder plugins, then apply your design across all your categories.

In this post, we’ll show you two different ways to create a custom WordPress category page:

  1. Using the native WordPress editor, which is 100% free. However, this only works with block-enabled themes. 🎨
  2. Using Beaver Builder and Beaver Themer, which is a paid solution. You can also use a similar approach with Elementor Pro, Divi Builder, and many other page builders. 🏗️

1. Use the WordPress Full Site Editor (FSE)

The WordPress Full Site Editor enables users to edit different parts of their sites with blocks. In fact, it works similarly to the Block Editor – just applied to your theme templates (like the category page).

👉 Note that the Editor only works with block-based themes, such as Neve FSE (as opposed to classic themes like Neve).

Most WordPress themes will have a default category page. However, you might choose to tweak the design to align with the look and feel of your site. You may also want to add some features to your category page, such as a search box or a video.

Let’s look at creating a custom WordPress category page using the Editor!

Step 1: Open the archive template in the WordPress Site Editor

To get started, navigate to Appearance > Editor in your WordPress dashboard. If you don’t see this option, it means that you’re using a classic theme and not a block theme. If you don’t want to switch themes, then you can ⏩ skip down to the Beaver Builder method and use that instead.

Accessing the Site Editor from the dashboard

Selecting this option will launch the Site Editor.

The Site Editor

Here, you’ll need to select Templates. As you can see, the Editor enables you to customize different templates, such as your home page and 404 page:

The templates in the Site Editor

To access all the templates, click on Manage all templates. This will show you a list of templates available with your theme:

Managing all templates in the Site Editor

You also have the option to add a new template. But, for this tutorial, we’ll be editing the pre-existing All Archives page. This page displays your post categories, tags, and other archives.

If you click on All Archives, you’ll be redirected to the Editor, where you can start customizing the page:

Editing the archive template to create a custom WordPress category page

The page will include the archive title and a list of posts filed under that category by default. Let’s look at how to customize these elements.

Step 2: Customize the template

The Archive Title block displays the category’s name (e.g., Digital Marketing). The Editor enables you to customize the appearance of this element. You just need to click on the Styles icon (the duotone circle):

Customizing the archive title

For instance, you can change the text color, typography, and dimensions. You can also add a custom CSS class to personalize the category title further.

Your archive page will also contain a list of all posts falling under the selected category. This list is displayed in the Query Loop block:

The Query Loop block

Within the Query Loop, you’ll find the Post Template. This contains block elements such as the post title, featured image, and more:

The Post Template

From the settings panel, you can change the template’s background color, typography, and so on:

Changing the color background of the post template

If you want to edit the individual elements such as the post excerpt or date, you just need to click on them and navigate to the Styles section in the settings panel:

Editing the post date

Additionally, you can add more blocks to your category page. For instance, you might include the Post Author block:

Adding the Post Author block to the Query Loop

👉 Note that you don’t have to follow this process for each post inside the Query Loop. You can make your changes to one post, and they’ll automatically be applied to all of them.

When you’re ready, you can go ahead and save your template. Your changes will affect every page that uses your template, including individual category pages.

2. Use a page builder plugin

Okay, so you’ve just learned how to use WordPress’s Full Site Editor to modify your archive template (or maybe you skipped directly here) – a change that also impacts your category page.

But what if you’re working with a non-block theme or you’re looking for more robust customization options? Perhaps you’re even considering creating your category page entirely from scratch.

Whatever your reason is for not using the Full Site Editor, you have other options. There are several page builders that help you build a custom WordPress category page. For this tutorial, we’ll be using Beaver Builder and the Beaver Themer add-on.

👉 Note that you’ll need the plugin’s premium version to create your template.

If you prefer other tools, this approach is also compatible with Elementor Pro, Divi Builder, or any other page builder offering theme building capabilities.

Here’s how it works in Beaver Themer.

Step 1: Create a new template

Once you’ve installed and activated the plugin and the Themer add-on, navigate to Beaver Builder > Themer Layouts in your WordPress dashboard and click on Add New. Then, enter a name for your page title:

Adding a new template in Beaver Builder to create a custom WordPress category page

Make sure that Type is set to Themer Layout. For Layout, select Archive. Then, click on Add Themer Layout.

On the next page, you can adjust some settings for your template. For Location, you’ll need to select Post Category Archive from the dropdown menu:

Themer Layout Settings

You can apply the template to all categories or select a particular category from the dropdown menu. When you’re ready, click on Launch Beaver Builder.

Step 2: Build your category page

Beaver Builder has a user-friendly, drag-and-drop editor. You can create your page using modules, rows, and templates. To access these features, click on the + sign in the top right-hand corner:

The Beaver Builder Editor to create a custom WordPress category page

By default, the category template includes the title of the category and related posts. To edit these elements, you just need to select them.

For instance, if you click on the Posts module, you get options for customizing the layout, style, content, and more:

Editing the Posts module in Beaver Builder.

Feel free to explore the different settings for each section. For example, you can set the layout to masonry and change the color and typography of the post title, excerpts, and other elements:

Changing the layout of the posts in the category page

When you’ve finished working on your template, click on Done, then hit Publish. These settings will now be applied to your category pages, replacing the default template!

Create a custom WordPress category page today

Category pages enable users to explore posts on particular topics. They are essential parts of your blog, so it’s important to ensure that they’re easily accessible, navigable, and visually appealing. For this reason, you might consider customizing the default category template or building it from scratch.

In this post, we looked at two main ways to create a custom WordPress category page:

  1. Using a block theme with the WordPress Full Site Editor.
  2. Utilizing the Beaver Builder tool.

💡 If you want to explore other page builder plugins that can help you customize the category page, check out our roundup of the best WordPress page builder plugins.

Do you have any questions about creating a custom WordPress category page? Let us know in the comments section below!

Yay! 🎉 You made it to the end of the article!

Inline Feedbacks
View all comments

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!