{"id":6536,"date":"2022-04-14T14:09:00","date_gmt":"2022-04-14T14:09:00","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&p=6536"},"modified":"2023-07-19T09:50:08","modified_gmt":"2023-07-19T09:50:08","slug":"how-to-apply-navigation-element-for-jetblog-smart-posts-list-and-posts-tiles-widgets-set-as-archive-templates","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/jetblog\/how-to-apply-navigation-element-for-jetblog-smart-posts-list-and-posts-tiles-widgets-set-as-archive-templates\/","title":{"rendered":"How to Apply the Navigation Element for Smart Posts List and Posts Tiles Widgets"},"content":{"rendered":"\n
\n

Navigation and pagination make browsing posts from page to page easily. A navigation element is a tool that divides content into several equal parts, available when one clicks the “Next<\/strong>” or “Previous<\/strong>” buttons. When you’re working on creating an Archive template, you can easily showcase the posts displayed with the Smart Posts List<\/a> or Smart Posts Tiles<\/a> widgets from the JetBlog <\/em>plugin.<\/p>\n\n\n\n

With the help of JetThemeCore<\/em>, you can create an archive template and use JetBlog <\/em>to enrich it with the latest publications. Then, add the navigation using the Posts Navigation<\/a> <\/strong>or Posts Pagination<\/a><\/strong> widgets.<\/p>\n\n\n

<\/svg><\/div>
Things to know<\/div>

The JetBlog widgets are available for Elementor only. <\/p><\/div><\/div>\n<\/div><\/div>\n\n\n\n

Creating Archive Pages<\/strong><\/h2>\n\n\n\n
\n

Open the <\/strong>WordPress Dashboard > Crocoblock > Theme Templates <\/em><\/strong>folder. Press the “Add New<\/strong>” button to open the customization pop-up.<\/p>\n\n\n\n

Select the “Archive<\/strong>” option from the Template Type <\/strong>list, and pick “Elementor” as Template Content Type<\/strong>. Provide a template with the title and click the “Create Template<\/strong>“ <\/strong>button.<\/p>\n\n\n\n\"create\n\n\n\n

The tutorial details How to Create an Archive and a Single Template<\/a>. <\/p>\n<\/div><\/div>\n\n\n\n

Adding Smart Posts List or Smart Posts Tiles Widgets<\/strong><\/h2>\n\n\n\n
\n

After the Elementor<\/strong> editor opens automatically, find the Smart Posts List<\/strong> (or Smart Posts Tiles<\/strong>) widget, and drop it into a new section.<\/p>\n\n\n\n\"smart\n\n\n\n

The widget will add the published posts automatically.Move to the Content tab <\/strong>of the widget, open the Query & Controls <\/strong>tab, and enable the Use as Archive Template<\/strong> toggle.<\/p>\n\n\n\n\"smart\n\n\n\n

Also, toggle it on when using the Smart Tiles List <\/strong>widget.<\/p>\n\n\n\n\"smart\n<\/div><\/div>\n\n\n\n

Archive Posts Reading Settings<\/strong><\/h2>\n\n\n\n
\n

Navigate to WordPress Dashboard > Settings > Readings > Blog pages show at most<\/em><\/strong> to type the number of posts displayed on the archive pages.<\/p>\n\n\n\n\"smart\n<\/div><\/div>\n\n\n\n

Adding Navigation or Pagination Widgets<\/strong><\/h2>\n\n\n\n
\n

You can use either Posts Navigation<\/strong> or Posts Pagination <\/strong>widgets. Drop one of them under the <\/strong>widget and customize the settings:<\/p>\n\n\n\n