Oxygen Builder Category And Tags Page Template Tutorial

Written by
Fabrizio Van Marciano
Posted on
July 11, 2020

Continuing on our series of tutorials for Oxygen Builder. In this video, you'll learn how to create and design a custom category and tags page template for your website.

Oxygen Builder allows you to build and customize every area of your WordPress blog or website. Most ready-made WP themes don't allow you to customize much, and certainly not to redesign custom post and page types.

Oxygen Builder is not like any ordinary WordPress theme. It is a full blown website builder that completely replaces the default theme, giving you complete control over the design and layout of your website, including custom category and tags pages.

In the short video tutorial below, you'll learn how to create a beautiful custom category and tags page for your site or blog in no time.

Quick note: If you have many categories for your blog, you only need to create one category template from scratch and then duplicate it. You can then change the name of each duplicate and assign them to various categories on your blog.

Here's the video -

Tools used in this video

  1. WordPress (Open-source).
  2. Oxygen Builder.
  3. Local WP (For creating a local server environment.)

Step-By-Step Process

Step One

Create a reusable-part post grid to use in your category page. The reason for this is so that you don't have to keep creating a new post-grid for each category page. Watch the video above to learn more.

Log into your Oxygen/WordPress website dashboard and go to Oxygen > Templates. Click on the Add New Template button at the top of the page. See the image below.

Step Two

Add a title/name to your category page. For example, my category is 'Archives Code'.

Then under Inherit Design From Other Template, select the template you would like to use. This would usually be the Global template you created with the header and footer sections for your site. (Click here to learn about creating and using templates and reusable parts.)

Step Three

Under the Archives Tab (Click to drop-down), check Taxonomies and add the category you want to use in the box for this page. For my category I selected Code.

Next click Publish the page as you would normally and then you can begin Editing with Oxygen to design your category page. Watch the video above for some simple design ideas.

Step Four

Add a new page section and customize to your preference. Then click on +Add > Reusable > Post Grid (Editable) to drop in your post grid.

Next, under 'Query' for the post-grid element Primary Option, go to Filtering and under In Any Of The Following Taxonomies, select the category name. For mine, I chose Code. See the image below.

Note: If for any reason, when you view your category page on the front end you end up seeing the main blog archives page, all you need to do is go back to the category page settings you created and add a value to the Template Priority. It will be blank, so all you need to do is add a value such as 1 or 2. See the image below.

That's it, you're done. Now you can duplicate this page, select a different category under Archives and Taxonomies (Repeat step three) to create a category page for another category.

I hope you found this tutorial useful. If you have any questions or suggestions that could improve this tutorial, send me a quick email here.

Tools you need to start your own website

  1. SiteGround Hosting (Affiliate link)
  2. WordPress: https://wordpress.org
  3. Thrive Themes Membership (Affiliate link)

More Oxygen Builder tutorials?

If you're interested, I other WordPress and Oxygen Builder tutorials that you can check out. Here are some links to the most popular ones -

  1. How To Create A Custom Search For Page In Oxygen Using HTML and CSS
  2. How To Create A Beautiful Custom Blog Archives Page Template In Oxygen

Don't forget to head over to my YouTube channel and subscribe for more tutorials.

Need help with your Oxygen and WordPress website?

If you are starting a WordPress website project using Oxygen Builder and need help, click here to learn more about my creative services.

I'm available for a quick Zoom or Skype call. The first 30-minutes with me is FREE, and if you need further assistance after this you can review my WordPress consultancy fees here.

Are you ready to kickstart your web design project?

Let's work together to turn your website design and creative marketing ideas to life. Hit the 'Start Project' button to book your free 30-minute strategy consultation with me.
.FVM © 2014 - 2019. A division of Magnet4Blogging Media. All Rights Reserved.
We are NOT endorsed, associated, or affiliate with WordPress, WooCommerce, Local WP, or Oxygen.
filmcamera-retrocommentshtml5 linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
Copy link
Powered by Social Snap