PageSourceSearch

https://perko.dev/assets/2019-03-16-creating-an-archive-page-for-a…stom-post-type-in-oxygenbuilder-394zUloo.js

js perko.dev collected 2026-10-07 16:49:57 UTC 2,163 bytes, 10 lines download raw bytes

1const e=`---
2date: 2019-03-16
3slug: 2019-03-16-creating-an-archive-page-for-a-custom-post-type-in-oxygenbuilder
4title: Creating an Archive Page for a Custom Post Type in OxygenBuilder
5image: oxygenbuilder.png
6categories: WordPress
7tags: archive,cpt,custom post type,oxygen,wordpress
8---
9
10<p>I&#39;ve been a real fan of <a href="https://oxygenbuilder.com/">OxygenBuilder</a> since version 2 was released last year. Today, I want to show how to create an Archive page for a Custom Post Type using OxygenBuilder and the free <a href="https://wordpress.org/plugins/custom-post-type-ui/">CPT UI plugin</a> for WordPress.</p><p>The problem I ran into while building a site for a friend of mine, was that I couldn&#39;t find any information on how to build an archive page for a custom post type. In Oxygen, there is a way to create a template for an archive, but I couldn&#39;t figure out how to make it actually work without writing custom PHP code. Here&#39;s the solution:</p><p>First, create a new custom post type using the CPT UI plugin like you would normally do. Next, you want to find these settings on your custom post type:</p><p><img src="/images/cptui-settings.png" alt="CPTUI Settings"></p><p>Set the dropdown to <strong>True</strong>, and create a slug. For instance, if the custom post type is for paintings for an art gallery, we could set it to <strong>paintings</strong>. Optional: In your WordPress menu, simply create a custom link with <strong>/paintings</strong> being your url.</p><p><img src="/images/cptui-slug.png" alt="CPTUI Slug"></p><p>The last step is to actually build your archive design in Oxygen. Open up the Oxygen templates page, and create a new template for your archive. Simply set the template type to an Archive, and target your custom post type.</p><p><img src="/images/oxygen-archive.png" alt="Oxygen Archive Settings"></p><p>That&#39;s all you need to do! Now just navigate to the slug you specified on your custom post type (in this case <strong>/paintings</strong>), and you will now see your Oxygen design! You can now use Easy Posts to easily loop over the posts within this custom post type!</p>`;export{e as default};

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.