Jazz Up Your Archives Page

You can stick with the standard Archive page that comes with Thesis or you can add some spice.

If you would like to give your readers the option of viewing your category and month archives, plus your last 50 posts and your tags - then use the code that follows.

• Remember to first create a page using the ‘Archive’ template in the drop-down box in ‘new post’ mode.

If you want to show more or less tags

• Change the number from ‘0′ (zero) which is unlimited and will show all, to a specific number.

If you want to show more or less posts

• Change the number from ‘50′ to whatever you like.
• Remember to change the text between the <h3> tags, e.g. “…Last 50 articles…”

Copy and paste this code into your custom_functions.php file

function my_archive() {
?>
<div>
<div>
 <h3>By Category:</h3>
 <ul>
 <?php wp_list_categories('sort_column=name&title_li='); ?>
 </ul>

 <h3>By Month:</h3>
 <ul>
 <?php wp_get_archives('type=monthly'); ?>
 </ul>
 <h3>By Tag:</h3>
 <ul>
 <?php wp_tag_cloud('number=0')?>
 </ul> 

</div>

<div>

 <h3>By Post: (Last 50 articles)</h3>
 <ul>
 <?php wp_get_archives('type=postbypost&limit=50'); ?>
 </ul>
</div>
</div>
<?php
}
remove_action('thesis_hook_archives_template', 'thesis_archives_template');
add_action('thesis_hook_archives_template', 'my_archive');

Copy and paste this code into your custom.css file

/*-----archives-----*/
.custom .archive h3 {margin-top: 0;}
.custom .archive ul {font-size: .85em; }
.custom .archivel { float: left; width: 40%;}
.custom .archiver { float: right; width: 60%;}

You should now see something like this:

Code adapted from Matt Flies and enhanced after visiting WordPress Codex.

Related Posts

1. Marketing Tip: Add Your Logo Before Each Headline
2. Making Changes to the Thesis Navigation Menu
3. Tutorial: Customizing Thesis – Standard to Unique in 6 Easy Steps
4. Free HTML and CSS for a Table Within a Post or Page
5. Thesis Teasers Give You That Magazine Feeling