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.

3. Click the + icon in the upper right corner of the Templates menu.

4. Select Category Archives.

5. Choose whether you want your template to apply to all categories or a particular category. For this example, we’ll choose a specific Category.

6. Choose which category to assign.

7. 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.

8. 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.

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.

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.

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.

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.

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.

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.

4. 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.

5. In the dropdown menu next to Post Category Archive, select the category you want to make the new page for.

6. Click Publish.
7. To start designing the category page, click Launch Beaver Builder.
8. In the Preview as menu at the top of the page, expand Post Category Archive and choose the category’s name.

9. Click the + button at the top right of the builder and open Templates.
10. Choose the General group and pick the Posts template. Confirm that you want to replace the existing layout.

11. 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.

12. 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(); ?>

6. 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.

7. Save the file on your server’s child theme folder. Make sure the file name ends with .php.

8. Check the staging environment or live site to make sure the page appears as expected.

Conclusion

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.