What Is a WordPress Category Page and 3 Methods to Create One (with Images)

WordPress category pages make it easy for users to navigate your website. On the page, users can browse through different categories of website content to find what they are looking for.

In this article, we’ll define a WordPress categories page, how it works, and why you should create one. We’ll explore three ways to create a category page, using the site editor, the Beaver Builder plugin, and creating a custom category page template.

What Is a WordPress Category Page?

WordPress category page is a page where users can view posts grouped according to their specified category. When a user clicks a category link, WordPress queries the database for all posts assigned to that category, retrieves them, and displays them according to any specified conditions.

How Does a WordPress Category Page Work?

WordPress category pages use WordPress loops to display posts assigned to a particular category. Loop uses a PHP code structure to display posts retrieved from the WordPress database.

By default, Loop checks several factors, including the number of posts displayed per page, whether the entire blog post content is displayed or only excerpts, and whether commenting is enabled. Then, WordPress checks which posts the user has requested to fetch from the database.

Why You Should Create a WordPress Category Page

WordPress automatically creates pages for categories based on available template files. However, those category archive pages may not be optimized for search engines or user experience.

By creating your own custom WordPress category pages, you can implement features that improve SEO and create a more user-friendly website.

Improve SEO

Here are ways to improve SEO on a category page:

  • Add relevant keywords in titles, headings, and content.
  • Include related posts and links to other content within your site.
  • Use canonical tags to avoid duplicate content.
  • Implement breadcrumb navigation to provide a clear and hierarchical structure for users and search engines.

These SEO techniques can help establish value and authority in category pages, resulting in higher search rankings.

Provide a Better User Experience

Make your WordPress site content more accessible and user-friendly by creating mobile-optimized category pages with additional context, features, and information.

Add these to your page for a better user experience:

  • Child categories below the parent category.
  • A prominent search bar at the top of your category archive pages.
  • Featured posts.
  • WordPress tags.
  • Content filters, such as sorting by the newest or most popular posts.
  • Related posts below your main categories section.
  • A newsletter signup form.
  • Pagination for easier navigation and faster load times.

You can also enhance the user experience by customizing the layout, color scheme, and typography of your category pages to match your website’s brand identity.

By creating WordPress category pages with optimized content and design, you’ll engage users and leave a lasting impression.

How to Create a WordPress Category Page

We’ll explore three ways to create a WordPress category page – using the site editor, with a page builder plugin, or by creating a PHP category template. For this article, we will use Beaver Builder as a page builder example.

How to Create a WordPress Category Page Using the Site Editor

If you’re using the Block theme, use the built-in site editor to design and customize category pages in WordPress. If you’re working with a live site, we recommend creating a WordPress staging environment to safely test changes.

Follow these steps to create a category page using the WordPress site editor:

  1. In your WordPress dashboard, navigate to Appearance → Editor. If you don’t see Editor and instead see Customizer or Theme File Editor, your theme is not a block theme. If you don’t want to switch to a block theme, try the other methods.
  2. In the Editor screen, go to Design Templates.
the Design section of the Site Editor, with Templates selected
  1. Click the + icon in the upper right corner of the Templates menu.
The Templates section of the Site Editor, with a list of available templates
  1. Select Category Archives.
A window displaying options that the new template can apply to
  1. Choose whether you want your template to apply to all categories or a particular category. For this example, we’ll choose a specific Category.
Two options for category templates: All Categories and Category
  1. Choose which category to assign.
Selecting the specific category for the new template
  1. Choose a pre-designed layout. Alternatively, skip this step and create a new page design from scratch. For this example, we’ll use the existing Category Collection pattern and add some custom content.
A grid of posts displayed in a selected layout
  1. In the site editor, click List View to see the hierarchy of blocks in your template. Your scene may look different depending on the pattern you used. If you’re starting from scratch, you’ll only see a paragraph block in list view.
Category page template in the Site Editor, showing the List View on the left and Block Settings on the right

Now, it’s time to customize the new category page. You can add and rearrange patterns and blocks, insert custom code, and adjust the design and style of the category page.

Click the + icon in the upper left corner of the site editor to add patterns or blocks such as paragraphs, images, and headings.

List View, with the Stack Block highlighted, and the design preview on the right

For this example, we’ve added a stack with a search block right below the title and category description. You can rearrange your blocks in any way you want by dragging and dropping them.

GIF of user dragging the Search block and dropping it above the page title

If you have multiple nested blocks, it may be easier to select them in list view and drag and drop them to the desired location.

Dragging and dropping blocks in the List View panel

If you want to add custom code, use blocks like Custom HTML or Shortcodes to include custom widgets, plugins, or third-party integrations.

In the example below, we’ve used a custom HTML block to display an embedded newsletter signup form. Copy the code and paste it into the HTML view and click Preview to see it implemented.

Preview of a custom-coded email newsletter signup form

Note that embedded HTML may appear differently in preview mode. Always check the live site and make sure it appears as desired.

Next, customize the style and appearance using block settings like color, background, and typography.

Finally, preview your customized category collection page on different devices by clicking View on the top right corner. Check if the page looks good on desktop, tablet and mobile.

List of three preview options: desktop, tablet, and mobile

Once you’re satisfied with the page’s appearance, click Save.

How to Create a WordPress Category Page Using Beaver Builder

Another way to create a WordPress category page is by using the Beaver Builder plugin.

Before we begin, make sure to install and activate the WordPress plugin.

  1. From the WordPress admin dashboard, go to Beaver Builder Themer Layouts.
  2. Click Add New.
  3. Enter the Title of the page, choose Themer Layout as the Type, and Archive as the Layout. Proceed by clicking Add Themer Layout.
Beaver Builder Add New Themer Layout screen
  1. In the Edit Themer Layout screen, find the Location dropdown menu and choose one of the following under Post Archives:
  • Post Archives – lists all the posts regardless of category.
  • Post Category Archive – lists all posts assigned to the selected category or multiple categories.
  • Post Tag Archive – lists all posts assigned to the chosen tag(s).

For example, we will choose Post Category Archive for this tutorial. This will allow us to create a page dedicated to one category.

  1. In the dropdown menu next to Post Category Archive, select the category you want to make the new page for.
Beaver Builder Themer Layout Settings section
  1. Click Publish.
  2. To start designing the category page, click Launch Beaver Builder.
  3. In the Preview as menu at the top of the page, expand Post Category Archive and choose the category’s name.
Beaver Builder Post Category Archive preview screen
  1. Click the + button at the top right of the builder and open Templates.
  2. Choose the General group and pick the Posts template. Confirm that you want to replace the existing layout.
beaver builder posts template
  1. You will see a preview showing the category’s title with a list of its related posts underneath. Feel free to customize the category page further to your liking.
Beaver Builder WordPress category page preview with sample posts
  1. Once you’ve finished customizing the category page, click Done.

How to Create a WordPress Category Page Manually

This method involves creating a page template by adding and customizing PHP, HTML, and CSS. If you’re not comfortable editing code, you might want to hire a WordPress developer. 

  1. Access your WordPress theme files via an FTP client like FileZilla or your hosting control panel. At Hostinger, the File Manager is easily accessible via hPanel.
  2. In File Manager, navigate to the /wp-content/themes directory.
  3. Create a child theme to ensure the changes you make won’t be overridden when updating the parent theme.
  4. To create a page template for all WordPress categories, use the file editor to create a new category.php file. If you’d like your page template to apply to a desired category, name it category-[your-category-name].php.
  5. Add the following code to the beginning of the new PHP file. Don’t forget to change “Category Slug” to your category’s name.

<?php /* Category Template: Category Slug */ get_header(); ?>

  1. Create the layout for your custom category page with HTML, CSS and PHP and standard WordPress template tags. The following example will display the main category title, show the title and post excerpt, as well as link each post’s title to the full content. Note that the comments after each // are for descriptive purposes only. You can delete them if you want:

<section id=”primary” class=”site-content”> <div id=”content” role=”main”> // Display the category’s title <h1 class=”archive-title”><?php single_cat_title(); ?></h1> // Display the category posts <?php if (have_posts()) : while (have_posts()) : the_post(); ?> // Display the post title and link the title to the full post <h2><a href=” the_permalink(); ?>”><?php the_title(); ?></a></h2> // Declare the div class to style the post excerpt entry <div class=”entry-content”> // Display the post excerpt <?php the_excerpt(); ?> </div> // Close the loop, and if no posts are found, return a statement to that effect <?php endwhile; else : ?> <p>No posts found in this category.</p> <?php endif; ?> </div> </section> // Display the footer <?php get_footer(); ?>

You can customize the code further to add multiple tags to display posts based on broad categories, subcategories, category IDs, custom post types, custom taxonomies, and category tags. In addition, feel free to add category descriptions, a featured image, and post meta.

  1. Save the file on your server’s child theme folder. Make sure the file name ends with .php.
FileZilla screen showing the Twenty Twenty-One child theme
  1. Check the staging environment or live site to make sure the page appears as expected.


Now you know what a WordPress category page is and why you should create one for your site. You also learned three ways to create custom WordPress pages for all your categories using the Site Editor, Beaver Builder, or manually written code.

Start experimenting with different content and design elements in your category pages in WordPress to see which layouts work best for your goals and resonate with your visitors.

Read our SEO guide and apply the proper techniques to search engine optimize your WordPress category pages. Don’t forget to regularly check your overall domain authority and core web vitals using SEO tools like Google Search Console.

A well-designed and optimized WordPress category page lets you enhance the user experience, boost search engine rankings, and increase readership.

WordPress Category Page FAQ

If you still have questions about WordPress category pages, check out these answers to frequently asked questions.

What Is the Difference Between a WordPress Category Page and a Category Template?

A category page exists at a specific URL. It is generated dynamically based on the default category templates in the WordPress template hierarchy. Meanwhile, a category template is a code framework that is used to generate the content displayed on a category page.

Can a Page Have a Category in WordPress?

By default, WordPress pages don’t have categories – posts do. However, you can assign categories to WordPress pages by using a plugin or by adding the following code snippet to your child theme’s functions.php file: function custom_taxonomy_for_pages() { register_taxonomy(‘page_category’, ‘pages’, array(‘labels’ ‘ => ‘Page Categories’, ‘Hierarchical’ => true, ) ); } add_action(‘init’, ‘custom_taxonomy_for_pages’);

What Is the Purpose of a Category Page?

The purpose of a category page in WordPress is to organize related content, making it easier for visitors to find what they’re looking for.

My name is Megha, A computer science student with a passion for digital marketing and SEO, enjoys helping beginners build impressive WordPress websites.

Leave a Comment