• Tweet

• Tweet

Archives Page can be awesome addition to your WordPress Blog. Archives Page allows your readers to quickly browse your blog and find what they’re looking for, and this page is also very good for SEO.

In this post i’m going to show how to create an archives page for thesis theme.

To see a live demo head over to our blogging tips – Technshare.

Adding Categories

<h3>By Categories</h3>
 <ul>
 <?php wp_list_categories('sort_column=name&title_li='); ?>
 </ul>

Adding Smart Archives Plugin

You install download the smart archives plugin from here.

After installing the plugin, add this code where you want to show your archives

<ul>
<?php smart_archives(); ?>
</ul>

Showing Tags

<h3>Tags</h3>
<?php wp_tag_cloud('smallest=13&largest=13&number=16&orderby=count'); ?>

• Smallest – Smallest font size of the tags
• Largest – Largest font size of the tags
• Number – Number of tags to show

Show Your last 25 blog Posts

<h3>Last 25 Posts</h3><ul>
<?php get_archives('postbypost', '25'); ?

You can change the 25 to the number of posts you want to show.

All code in one place

function my_archive() {
?>
Looking for a particular post? Missed out on a month? Whether you are a long time or new reader, you should be able to find everything you are looking for here!
<div class="archive-leftcol">
<div class="archive"><div id="categories">
 <h3>By Categories</h3>
 <ul>
 <?php wp_list_categories('sort_column=name&title_li='); ?>
 </ul></div>
</div>
</div>
<div class="archive-rightcol">
<div class="archive">
<div id="date"><h3>Calendar</h3>
<ul>
<?php smart_archives(); ?>
</ul></div>
</div>
</div><div style= "clear:both;"></div>
<div id="tags">
<h3>Tags</h3>
<?php wp_tag_cloud('smallest=13&largest=13&number=16&orderby=count'); ?></div>
<div id="last25">
<h3>Last 25 Posts</h3><ul>
<?php get_archives('postbypost', '25'); ?></ul></div>
<?php }
remove_action('thesis_hook_archives_template', 'thesis_archives_template');
add_action('thesis_hook_archives_template', 'my_archive');

Custom style for Archives

/* Archives Page */
.archive h3 {cursor: pointer; font-size: font-size:22.5px;}
.archive-leftcol { float: left; width: 26%; font-size:12.4px;}
.archive-rightcol { float: right; width: 70%; font-size:12.4px;}

Now go in your WP Dashbaord Add a New page > Select template ‘Archive Page’ > Publish.

Do you think archives page are useful?  Do you have a archives page on your blog?