Creating and Customizing an Archive Page in JupiterX

If you're aiming to create a compelling and organized archive page for your website, JupiterX offers you the flexibility to do just that. Archive pages serve as the library of your past entries, making it easier for visitors to browse through different categories and posts. With JupiterX, every aspect of your archive can be tailored to your liking, from layout to content. Here's how you can create and modify your own archive page step by step.

Initiating the Layout Builder Process

Begin by setting up your custom archive page template:

1. Access the Layout Builder:
   • From your WordPress dashboard, head over to JupiterX > Layout Builder .
   • Kick-Start Your Archive Template:
     • Click on 'Archive' in the left panel of the layout builder.
     • Press the 'Add New' button and name your template—whether it's “Blog Archive,” “Portfolio Archive,” or something else. Elementor's editor will then open for you to start designing.

Exploring JupiterX’s Library for Templates

Dive into creating your archive page:

1. Choose a Pre-designed Template or Start Afresh:

   • Import an archive template from JupiterX's extensive library or opt to design your own layout from the ground up.

     Incorporate Widgets Tailored for Archives:

   • JupiterX provides specific widgets for enhancing archive pages such as:
     • Archive Title
     • Archive Description
     • Embedding Archive Metadata: To add metadata, select the Heading widget and employ dynamic tags to pull in Archive Meta such as the date, author, and taxonomies.

Visualizing Your Archive Page

Preview your archive page with actual content:

1. Set Up a Preview:
   • In the top bar of the Elementor editor, click the settings gear icon.
   • Go to 'Preview Settings' under 'Post Options' on the right side, choose 'Posts', find a specific post to preview, and apply the changes.

[Important] Loading the Archive Posts

Before you finalize your archive template, it’s crucial to correctly display the archive posts:

1. Add the “Advanced Posts” Widget:
   • Drag and drop the “Advanced Posts” widget into your layout.
   • Execute Post Query for Archive: In the content tab of the widget settings, under 'Query', make sure to enable the “Is Archive Template” toggle. This setting allows the widget to fetch the correct post query from the global archive, ensuring your posts are displayed as intended.

Defining Display Conditions

After designing your archive page:

1. Adjust Display Conditions:
   • Add a new condition by selecting 'Archive' from the dropdown menu, then specify if this should apply to all archives or a specific one, such as blog archives or category-specific archives.
   • Verifying Your New Template: Save your changes, exit the editor, and visit an archive page to test your new archive template in action.

Designing Multiple Archive Templates

Create as many archive page styles as needed:

• You can establish a variety of archive templates for different post types, categories, tags, or authors by setting appropriate conditions for each.

By following these steps and utilizing the powerful features JupiterX offers, you can design an archive page that not only showcases your content effectively but also reflects the unique style of your site. If you need assistance or have any questions, our team is here to provide guidance. Your beautifully customized JupiterX archive page awaits!