Oxygen Builder Category And Tags Page Template Tutorial


Written by
Fabrizio Van Marciano
Last updated on
June 27, 2022

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 layout and design of your WordPress website, including the custom category and tag 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 on 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 it 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, and 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 have 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.

Oxygen Builder Website Building Video Course

If you are starting a WordPress website project using Oxygen Builder and need help, check out my brand new Oxygen Builder Website Building Video Course.

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.

Oxygen Builder Web Design Course


Learn how to build an awesome website for your business with my complete, Ultimate WordPress + Oxygen Builder Web Design Video Course

Website designed by Fabrizio

Shop


Web Design CourseCode Shop

Contact

Copy link