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.

Comments:

353 Comments

  1. Novalis
    2 weeks ago

    When I try to activate the latest version I get the following error...

    Parse error: syntax error, unexpected T_ENDIF, expecting T_FUNCTION in /hermes/bosweb/web083/b837/nf.ivananthonygallery2/public_html/wp-content/plugins/snazzy-archives/snazzy-archives.php on line 706

    The previous version was working perfectly.

  2. 2 weeks ago

    Updated to version 1.7.0 with support for Featured Images

    • Novalis
      2 weeks ago

      The update wont activate. I posted the error I get above.

  3. Mindy
    Apr 8th, 2012

    Love this plugin but it is not updating - new posts are not showing. I've disabled snazzy cache but it is still not displaying the new post. Please help.

    Another issue is that it takes a long time to load the archive page because there are many posts on the site. Is there a way to prevent loading of all posts at once, and load the posts only when the reader scrolls to the next month (I'm using the carousel effect).

    Thanks! :)

  4. Cynthia
    Mar 8th, 2012

    I'm having the same problem. Nothing after November 2011 is displaying. Here is the page with the issue: http://redcarpetrollout.com/archive-2/

    Did you get a response on fixing it?
    Thanks!

  5. melissa
    Mar 4th, 2012

    I've been using snazzy archives for some time and truly love it. I'm using wordpress 3.3.1 now and it seems all my February and march posts will not display. I've tried to deactivate the plugin and re-install but nothing works. I've tried to change some settings but nothing changes. Does this have to do with my upgrade to 3.3.1?

    here is the page with the issue --> http://girliemom.com/blog-page/archives/

    thank you!

  6. Lisa
    Feb 7th, 2012

    This works great, thank you so much! I wish there was a way to adjust the portion of the picture or make the image fit within the size limitation

  7. jimmy
    Jan 30th, 2012

    i need an archive page in order to send my sold items so my shop doesnt look cluttered. i like to use it as proof of items i have sold. how can that be done with your plugin?

  8. Joe Douglas
    Jan 28th, 2012

    Is there a way to have the archives run horizontal rather than vertical?

  9. Dean
    Jan 14th, 2012

    Odličan plugin za arhivu, jako mi se sviđa, što kazati nego svaka čast Vladimir!

  10. Edi
    Jan 6th, 2012

    I love Vladimir's plugins. They are really just perfect and very useful for SEO too. Therefore I use a few of his plugins. Today I noticed this plugin and after a small effort on it, I could make it functioned for my website.

    Thanks a lot Vlado. Keep on creating !

  11. pmit
    Dec 31st, 2011

    Hello Vladimir, grazie 4 vey wonderful plugin.
    A curiosity: how can I bring up the archives only between certain dates, for example: from 01.01.2011 to 31.10.2011?
    Thank you for your courtesy. Happy New Year

  12. Faisal
    Dec 28th, 2011

    U're awesome dude.. :D
    Thanks for your great plugin!

  13. Thomas Weiss
    Dec 15th, 2011

    Hi Vladi
    Your Archiv works realy great, but:
    I want to set the year above the month
    'cause it saves space.
    can you help me please
    look here:
    http://www.aolc.de/fotoarchiv/
    Liebe Grüße
    Tom

  14. PAT
    Nov 22nd, 2011

    Hi, looks nice but my thumbnails do not work? Is there a setting I'm missing or a way post must be set-up?

  15. Shaheen [The Purple
    Nov 2nd, 2011

    Hi Vladmir, this is wonderful! I just installed it, but the only problem I have is that I'd love if the photos were resized proportionally instead of a part of it being visible. Can I make the mosaic look like a how a cluster of photos look like on flickr instead of what they currently do (http://purplefoodie.com/photo-archive/) Thanks for your help! Appreciate it.

    • Shaheen [The Purple
      Nov 2nd, 2011

      Working perfectly. Thank you! (extra word extra word!)

  16. iyi video
    Sep 20th, 2011

    much for this cool plug-in. i really like this look and feel. am trying to make it full page with guidance you..

    • NewUser
      Oct 1st, 2011

      Have WP 3.2.1 with this plugin and no thumbnails. HELP does anyone have this fix

  17. Ari Salomon
    Aug 27th, 2011

    for those of you still having problems maing snazzy archives will the full page please make sure your theme is not limiting the CSS overflow of the theme container divs. then edit this file of the plugin: snazzy-archives.js

    line 20 is this:
    visible:4, // number of visible elements

    change to this
    visible:8, // number of visible elements

    that worked for me:
    http://www.helloari.com/archives/

  18. PeterL
    Aug 25th, 2011

    Hi Vladimir:

    is the latest version usable/compatible with 3.2x? I have it installed on an old blog (WP3.04) where it worked well for a long time. I have just seen that there are no thumbnails, and the links seem to be pointing to the temporary website provided by our new host, when we changed hosts. The rest of the site is fine. Do I need to edit the URLs in the Database/ phpMyAdmin?

    Thanks
    Peter

  19. Pietro
    Jul 9th, 2011

    Hi Vladimir,
    another time I must give send one my message ;)

    We are using your plugin on http://www.automotivespace.it
    It works very well and so We thought to thank you with a link to your website.
    You can see it:
    http://www.automotivespace.it/connessioni/

    Many Thanks

  20. Rubeena
    Jun 14th, 2011

    Thank you for this great plugin. I was looking for something similar for my site.

  21. adedip
    May 27th, 2011

    Hi Vladimir, I'm getting this error:
    Warning: Missing argument 1 for SnazzyArchives::display()
    I still can see the archive but with that error (http://www.setteperuno.it/archivio )
    any cloues?
    I've tried updating to the last version but doesn't fix the problem.
    Thank for any help :)

    • julia
      Jun 8th, 2011

      hi adedip,
      i got the exact same error message.. did you maybe find out how to solve this? ; )

      • Jun 8th, 2011

        Guys, please use the template from the latest version as the template for your archive page.

        • adedip
          Jun 8th, 2011

          I did wordpress system update...is it wrong? Do you think it's better to remove and upload again all from scratch?! which is the template file I need to update?
          Thanks!

        • julia
          Jun 8th, 2011

          hi vladimir,

          thanks a lot for your reply! i replaced the 'old' php code (from the fullscreen example you give on this page) with the new "snazzy-template.php" file.. now everything's working great. yay! thx!

          just one more question: some entries don't show a thumbnail image, they show only the headline.. (even if all posts are built the same way). i'm wondering why, any clues? or is there a way to 'refresh' the thumbnails, or to define a thumbnail for each post manually? thanks a lot in advance :)

        • Umeed
          Jan 28th, 2012

          Hi Vladimir,

          I have used your plugin. its really fantastic. The only issue I have is I need to display the future posts as well. Like displaying the posts of one month. I tried to modify the line #363 in snazzy-archives.php to this code:

          $query = "SELECT DISTINCT ID, post_title, post_content, post_date FROM $wpdb->posts $where post_status = 'publish' or post_status = 'future' AND post_password = '' AND post_type='post' ";

          But unfortunately it displays all pages and draft posts and pages. I just need to display the posts.

          Thanks in advance

  22. G.N.R.S.U
    Apr 28th, 2011

    really cool idea for wordpress archives show !!!

  23. Nick
    Apr 27th, 2011

    When I've enabled hotlink protection on my site via c-panel, Snazzy doesn't generate thumbnails anymore ?

    *.htaccess:

    RewriteCond %{HTTP_REFERER} !^http://www.site.com$ [NC]
    RewriteRule .*\.(jpg|jpeg|gif|png|bmp)$ http://www.site.com [R,NC]

    Any ideas?

  24. Kumar Kolaganti
    Apr 17th, 2011

    Thank you very much for this cool plug-in. i really like this look and feel. am trying to make it full page with guidance you posted. There is lot of white space on my archives page - http://www.kolaganti.com/archives

    any thoughts?

Have your say

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

*
*

Subscribe without commenting

About

vladimir prelovac Vladimir Prelovac is CEO of Prelovac Media, a computer engineer by profession and an adventurer by state of mind. more +


"I would love to change the world, I just don't have the source code yet."

Services

Manage multiple WordPress sites

Built for WordPress enthusiasts, ManageWP helps you manage all your WordPress sites from one central location.

Books

WordPress Plugin Devleopment Book Read my book WordPress Plugin Development: Beginner's Guide

Published by Packt Publishing, available online through Amazon.