Toolset allows you to design your layouts for archives, including the homepage, post type archives, and taxonomy archives. You can easily add any custom fields and data to the list of posts.

Watch the following video to see how to do this.


Custom page for archives
Custom page for archives

To design a post type archive page, go to the Toolset -> Dashboard page. There, click the Create archive button in the row of your custom post type.

Creating an archive layout from the Toolset Dashboard
Creating an archive layout from the Toolset Dashboard

You are taken to the layout editor. As with any other layout, you can design it however you prefer. The only important thing when designing an archive page is to insert the WordPress Archive cell. This cell is used to design the output of each of the posts listed on the archive page.

The following steps outline the basic setup of the WordPress Archive cell.

1. Select whether to create a new WordPress Archive or use an existing one. 2. Click the “Loop Wizard” button in the “Loop Output Editor” section. 3. Select how the posts are output: unformatted, grid, table, or as a list. 4. Select the post fields to display on the front-end.

When you finish the wizard, scroll down a bit to the Templates for this WordPress Archive section. Its editor contains all the post fields you selected in the Loop Wizard. You can use this editor to add custom HTML and CSS markup to the post output.

Original editor contents Editor contents after adding custom styling

Advanced archives features

In this tutorial, we covered the basics of creating archive pages with Toolset.

To make your archives even more powerful, read about: