JetBlog: How to Apply the Navigation Element for Smart Posts List and Posts Tiles Widgets

Tutorial requirements:

JetBlog and JetThemeCore plugins installed and activated;
Elementor page builder free version.

A navigation element is a tool that divides content into several equal parts, available when one clicks the “Next” or “Previous” buttons, making it easier for the visitor to process it and navigate through it by just going from page to page. When you’re working on creating an Archive template, you can easily showcase the posts displayed with the Smart Posts List or Smart Posts Tiles widgets from the JetBlog plugin.

With the help of JetThemeCore, you can create an archive template and use JetBlog to enrich it with the latest publications, and then add the navigation using the Posts Navigation or Posts Pagination widgets.

Applying the Navigation Element

Open the WordPress Dashboard > Crocoblock > Theme Templates folder. Press the “Add New” button to open the customizations pop-up.

Select the “Archive” option from the Template Type list, and pick “Elementor” as Template Content Type.

If desired, provide a template with the title and click the “Create Template” button.

After the Elementor editor opens automatically, find the Smart Posts List (or Smart Posts Tiles) widget, and drop it into a new section.

You can read about their settings in the articles dedicated to Smart Posts List and Smart Posts Tiles. This time, we will add the Smart Posts Tiles widget to the page.

smart posts list and smart posts tiles widgets

Move to the Content, open the Query & Controls tab and enable the Use as Archive Template toggle.

smart posts tiles query and controls settings

Also, toggle it on when using the Smart Posts List widget.

Return to the General tab and adjust the available settings.

Afterward, you can use either Posts Navigation or Posts Pagination widgets. Just drop one of them under the Smart Posts Tiles widget and customize the settings.

Add the previous and next page links — activate the links which lead to previous and following pages;
The previous page link text — type in a text displayed on the “Previous” button;
The previous page link icon — select the icon shown on the “Previous” button;
The next page text — complete a field with a text for the “Next” button;
The next page link icon — choose the icon displayed on the “Next” button.

Now, this is it for the editing in Elementor, press the “Update” button and return to WordPress Dashboard > Crocoblock > Theme Templates. Here you can set the desired conditions by pushing the “Edit Conditions” button next to the just built archive template.

Hit the “Add Condition” button and pick all the needed options in the available lists.

Select the “Include,” “Archive,” and “All Archives” options. Once all the conditions are added, push the “Save Conditions” button and close the window.

Move to the category page and look at the result. Now the Smart Posts Tiles and Posts Pagination widgets are displayed here.

That’s pretty much it. Feel free to enjoy your brand new Archive template with the latest publications with pagination or navigation elements.