- Section
- Troubleshooting – Icons missing from the blocks
- Spectra Patterns
- How to Set Multiple Column Fields in Contact Form 7 Styler of Spectra?
- Styling Checkbox / Radio / Acceptance control in Contact Form 7 Designer block of Spectra
- Unable to Style Checkbox / Radio Buttons / Acceptance Control using Contact Form 7 Styler of Spectra
- Tab Index – for multiple Gravity Forms
- Getting Started With Spectra
- How to Exclude A Heading from Table of Contents?
- Spectra – Display Conditions for Blocks
- Installing and Importing Starter Templates
- Getting Started With Spectra
- Manually Install Spectra via FTP
- Automatic Beta Updates for Spectra
- Rollback To Previous Versions
- How to Load Google Fonts Locally
- Activate the Spectra Pro License Key
- How to Install Spectra Pro Plugin
- Translate Spectra Strings using Loco Translate
- How to Process Refund Requests?
- How to add a Transparent / Sticky header?
- How to Change the Site Logo?
- How to Change Global Styles?
- How to Disable Title on Posts, Pages?
- How to add a transparent/ sticky header for a single page/post?
- Change Header and Footer Patterns in Spectra One Theme
- Add Custom/Google Fonts In Spectra One
- How To Reset Global Default Styling?
- Manually Install Spectra One via FTP?
- Disable or Enable Header/Footer for Specific Pages/Posts
- How can I Change the Contents of the Sidebar?
- Templates and Template Parts in FSE
- How to create Custom Front Page in WordPress
- Frequently Asked Questions
- How to Hide and Show Block Elements?
- How to use Group Blocks or create Containers in Spectra One
- How to clear customizations in Spectra One theme
- What are the Actual Sizes of the Predefined Font Sizes?
- How to make changes to single pages like 404, Archive, Single
- How to change the post/page hero section?
- How to Install Spectra One Theme?
- How to Global Change the Width Using Layouts
- How to Use Sidebar for Page and Post
- What is a Stylebook in FSE?
- How to Change the Global Color Palette?
- Customizing Block Styles in Spectra One Theme
- Understanding Patterns and How to Modify Them in Spectra One Theme
- Changing Sidebar Position for Pages and Posts
- Understanding Duotone and Adding Dynamic Color to SVG
- Exploring Full Site Editing: Creating Websites Made Easy!
- Exploring the “Edit Template” Feature in the Admin Bar
- How to Change the Favicon in Spectra One
- Sticky Header in WooCommerce Based Template
- Integrating Google Analytics into Spectra One Theme
- How to Create a Child Theme for Spectra One
- How to Use WPML for Translating Spectra One Websites
- Accessing the Additional CSS Section in an FSE Theme
- Creating and Managing Templates for Custom Post Types in Spectra One
- Create a Custom Post Type Archive Template Using ACF Spectra One Theme
- Navigation Block
Create a Custom Post Type Archive Template Using ACF Spectra One Theme
This guide will walk you through the steps of creating a custom post type (CPT) archive template using Advanced Custom Fields (ACF) with the Spectra One theme, a Full Site Editing (FSE) theme.
We’ll use the example of setting up an archive page for a custom post type called “Movie.” This process will allow you to display a list of all posts from that CPT on a dedicated archive page, designed just the way you want.
Let’s get started!
How to Create a Custom Post Type Archive
To begin, you’ll need the ACF plugin installed on your WordPress site. ACF (Advanced Custom Fields) is a powerful plugin that enhances your WordPress capabilities by allowing you to create custom post types, fields, and more.
Simply go to Plugins > Add New in your dashboard, search for Advanced Custom Fields, and hit Install.
Once it’s installed, click the Activate button to make sure the plugin is ready to use. ACF will now appear in your dashboard menu.
Now that ACF is active, the next step is to create your custom post type.
- Navigate to ACF > Post Types in your WordPress dashboard.
- From here, click Create New to add a brand new custom post type.
In this example, let’s call the new custom post type Movie. This could be anything based on your site’s needs, whether it’s movies, books, events, or any other content type you want to manage separately.
Once you’ve named your custom post type, you’ll need to configure its settings.
- Under Post Type Settings, enable Advanced Configuration.
- Go to the URLs section and enable Archive toggle.
- Ensure that the Archive Slug is added. This will define the URL for the archive page of your custom post type (e.g., /movie).
- After configuring the settings, click on Save Changes.
Creating the Template for the Custom Post Type Archive
Creating the archive page template will be done through WordPress’s Full Site Editor (FSE), which is a feature of the Spectra One theme.
- Navigate to Appearance > Editor from your WordPress dashboard.
- Once inside the editor, go to Templates.
- Click on Create New Template.
- You should see an option for Post Type: Archives. In this case, it will be specific to your custom post type, like Movie: Archives.
- Select this option to create a custom archive template for the “Movie” post type.
Once the new template is created, it’s time to customize it to match the look and feel of your website.
- Use the FSE editor to design and customize the layout of your archive page.
- You can add a Post Title Block, Post Content Block, Post Excerpt Block, etc., depending on your preferences.
- Customize the typography, layout, and other design elements.
- Once you’re satisfied with the design, click on Save Changes.
How Do You View the Custom Archive Page?
Once the template is set up, it’s time to view your custom archive page.
- Go to the frontend of your site.
- In the browser’s address bar, append the archive slug to the home page URL. For example:
yourwebsite.com/movie - You should now see the archive page for your custom post type (Movie) displaying the page as per template that you have created for the same.
With these steps, you’ll have successfully created a custom post type and a template for the archive page of the same using ACF and the Spectra One theme!
For a clear visual guidance, you can watch the below embedded video.
By following these steps, you’ll have successfully created a custom post type and designed a unique archive page template for it using ACF and the Spectra One theme.
This process allows you to manage and display custom content in a way that fits your website’s needs perfectly.
We hope this guide was helpful! If you have any questions or need further assistance, feel free to leave a comment, and we’ll be happy to help.
We don't respond to the article feedback, we use it to improve our support content.