How to build an archives page with the Ultimatum theme and Wonderloops

SH_014631

For the Enovision website we created an archive page that resembles the one we had with the former website build with the Genesis theme. The new website however is build with the Ultimatum theme.

In this post I will show how easy it is to build a good looking archive page with the Ultimatum theme and their great plugin Wonderloops.

Step 1, create a new Wonderloop loop

image

Create a new loops loop. If you don’t see this option in your WordPress menu you have to first to install the plugin Wonderloops from the Ult. Toolset->Plugins in the WordPress menu. Call the new loop simply “archive”.

Step 2, edit the loop content

With the Visual Composer (make sure you have this plugin installed too) I have added a text block in a single row with the title for our page. It is better however to do this in the PHP as well if you want to make your site language independent.

Ultimatum theme, wonderloops example

Now put the following code in the “after post” block. I made the code with bootstrap styles and with the pages, categories and monthly archive I uses a one row / three columns layout and for the single post entries in a single row. You have to replace the text yourtheme with something that corresponds with the language domain of your own theme.

If you also would like to have the author link you can add the following code (modify it fitting to your own situation):

Step 4, create a new layout for your just created loop

SH_014626

Duplicate (clone) your default layout to a new layout and edit this layout. First give it the name “Archive” to make it easy to find it back in your list with templates for your theme.

Next add a new row in this layout, preferably as wide as possible, for it has to fit at least 3 columns with texts. In this row you add a WordPress Default loop element from the selections on the right.  The only thing that you have to change in this loop is to set the layout to “Archive”, corresponding with your just created Wonderloop loop (loops).  Now save this layout.

Step 5, create a new WordPress Archive page

With just a loop and a layout we have nothing to hang it in one of our WordPress menu’s. Therefore you have to make a new page in WordPress called “Archive” or whatever you would like to call it. Leave this page empty, except for the title. Now attach this page to the Archive layout. After that just save it (and publish it).

Ultimatum theme archive page example

Step 6, attach the Archive page to a WordPress menu

Now edit the menu in WordPress where you would like to attach the Archive page to. Save the menu and your archive page should look something like this:

SH_014629

Johan van de Merwe
Dedicated to professional software development since 1985. Has worked since 1992 as IT manager in several international operating companies. Since 2007 CEO and Sencha Ext JS web application developer at Enovision GmbH.

Leave a Reply

Time limit is exhausted. Please reload CAPTCHA.