Snazzy Archives – WordPress Archive Plugin

Snazzy Archives is a visualization plugin for your WordPress site featuring an unique way to display all your posts. Your archive page will never be boring again!

Snazzy archives simply lets you express yourself and your blog. You can select different layouts and special effects, Snazzy archives will make sure your content stands out.

Snazzy Archives in action

Main features

  • Unique visual presentation of blog posts
  • Will work out of the box with all features
  • Posts are scanned for images and youtube videos and shown together with number of comments
  • Different editable layouts (HTML and CSS)
  • Special effects using jQuery
  • Caching available for faster access

Demo

Download

dl Live Blogroll

Installation & Usage

  1. Upload the whole plugin folder to your /wp-content/plugins/ folder.
  2. Go to the Plugins page and activate the plugin.
  3. Use the Options page to change your options
  4. Use the code [snazzy-archive] (without one space) in a post or page where you want to display the archive

You may want to edit the CSS file immediately to adjust the look for your blog. Please read the FAQ for explanation how.

Frequently Asked Questions

Supprt questions can be asked in the plugin support forum.

This looks like Tumblr!

The idea comes actually from this page and people from a popular microblogging platform Tumblr have used it on their blogs as well. I have taken the idea further, creating a plugin that is differnt in many ways.

How can I change default size of archive?

Open style-archive.css for editing. This isĀ  the main file for styling information. First element .snazzy describes the main container.

Height attribute is the height of archive, remove the line if you want full height. Same applies to width. If the archive can not fit in the container, scrollbars will be shown like on the picture.

Also you can enable special effect 1 in your plugin options, this will create a so called carousel effect that will further save space.

How do I change the height and width of the posts and pictures?

Just edit the width of .sz_cont element and height of .sz_img element and notice the change immediately.

How can I show archives full screen like you do?

FirstĀ  create a new empty template file, for example snazzy.php, Then just include header and Snazzy archive call, not the sidebar.Then upload snazzy.php to your theme folder and create a new page on your blog using this template (write page and select this template instead of the default; the option for template is found below the post).

Here is how can one such file look like:

<?php
/*
Template Name: Snazzy Archives
*/

?>

<?php get_header(); ?>

<p align="center">
<?php if (isset($SnazzyArchives)) echo $SnazzyArchives->display(); ?>
</p>

<?php get_footer(); ?>

How do I edit and add layouts?

Layouts are stored in files snazzy-layout-1.php, snazzy-layout-2.php and so on.. Edit these fles or make your own using the available variables

  • $first_for_day - is the comment first for given day, used usually for additional clearance
  • $title - post title
  • $excerpt - post excerpt
  • $comcount - number of comments
  • $imageurl - url of the post image
  • $youtubeurl - url of the video (without http://)
  • $day, $month, $year - date of post

How do I set carousel options?

Options for carousel (special effect #1) can be found in snazzy-archives.js.php file. You can set how many elements are visible at once (variable visible) and if you change width of the items in your CSS file, do not forget to change it here as well - option def_width (add 16px for default padding).

How can I contribute?

You can create your own custom layouts and special effects! Send them to me for inclusion in future versions. Also you can send your feedback, bug reports and suggestions.

Change log

v1.0
- Added caching
- Added option to load images
- Added option to specify page id, so the scripts load only that page

v0.6 - Added options to show years in rows and months in reverse order (thanks Jorge Sierra!)
v0.5 - IE fix and xHTML compliance
v0.4 - bug fix release. changed the code to [snazzy-archive]
v0.1 - First release

You can also visit my other WordPress Plugins.

If you are looking for WordPress Services, feel free to contact me.

366 Comments

  1. Antonia Perrott
    May 19th, 2014

    Hello Vladimir,

    Could you give me the exact code for excluding categories? I've added the category numbers to snazzy-archives/snazzy-archives-options.php, in the exclude category section, but it's not working.
    Many thanks,
    Antonia

  2. Mar 16th, 2014

    This is a great plugin. Thank you.

  3. Mar 15th, 2014

    Hi,
    how can i shrink pictures? I don't like cropped pictures.

    Thank you.

  4. Alex
    Feb 19th, 2014

    Great plugin thanks!

    Can you add some fiatures

    - Multiple snazzy archives/ I need many pages with archives. If i just ciould in code [snazzy-archive] indicaste the id of category to be displeed!
    - Setting of width. For exampl 3 months on one line other 3 on second.

    • zaza
      Jun 4th, 2014

      Hi!
      I need it too!!
      Thank you!!
      Matteo

  5. Paul Kirtley
    Feb 3rd, 2014

    I am building a WordPress site for a friend who has authored monthly newsletters for over 20 years. She has a monthly edition every month back through 1992. I am looking for a way to get her started with a new website which shows her complete work, and one in which it will be easy to update as she continues to put out a news letter each month. Would your plug-in simplify this process for me? Is it what I need? Thanks

  6. Catherine
    Apr 29th, 2013

    I'm looking for the same feature as Sasha... I have a blog and seeing portions of a photo in the archive is not as nice as being able to see majority of it.

  7. luke
    Feb 20th, 2013

    is there a way of making the archive show a custom post type rather than standard posts?

    thanks

    luke

  8. Dec 9th, 2012

    Hi Vladimir,

    Thank you for creating this wonderful archive!! It's worlds better than any other options I've tried.

    Have you added the ability for the thumbnails to pull the entire picture, instead of a portion of it? I see that this is a popular request, but I haven't been able to find an answer as to if this is possible.

    I run a fashion blog, and the portions of the pictures that the archive uses don't always show off the contents of the post very well. It would be great to have a full image in the archive.

    Thank you!

Have your say

Your email is never published nor shared. Required fields are marked *

*
*

  • ManageWP