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.

364 Comments

  1. Nov 10th, 2009

    This is awesome and something I haven't seen before. Great way of revamping the archives page!

  2. Fernando
    Oct 27th, 2009

    Hello Vladimir,

    some people needs to resize the thumbnails default size, like me and some that posted here.
    All my pics looks the same, because I have a sunglasses blog.
    So in all the pics we see almos just the lens.
    Are you planing of doing something like this?

    Thank's a lot, for your attention,
    best regards from Brazil!

    • Oct 27th, 2009

      Sure, are you planning to invite me to Brazil ? ;)

  3. Oct 24th, 2009

    having problems getting this to display with the new wordpress update and suggestions?

  4. Oct 22nd, 2009

    Love this plug-in. Makes my site work a whole lot better.

  5. Kissed Vixen
    Oct 12th, 2009

    Hi,

    Amazing plugin. Sadly the forums are down so I am hoping someone can help me here

    Instead of the 1st image of each post, I would like to use the thumbnails I have.
    I find the auto thumbnail generator for this is not great.. getting pictures of peoples chests instead of faces and such.

    I saw someone say they fixed this by choosing what image to use though custom fields..
    but didn't post how they did it :(

    Can anyone help with this please

    thanks

    • Oct 12th, 2009
      • Kissed Vixen
        Oct 12th, 2009

        Hi

        Last night when I went to the forums... it said "unavailable due to upgrade" something about an upgrade
        but yes it is back now :)

        Moving my question there, though sadly all I find is the same user saying they used a custom field but didn't say what they used :(

  6. Oct 8th, 2009

    Hello,

    I noticed that the snazzy archive on my site does not display images anymore :
    http://www.webknot.net/decouvertes/archives/

    and (at least using firefox or safari here) they don't on your :
    http://www.prelovac.com/vladimir/archive-spec

    Thanks for all your plugins

  7. Oct 5th, 2009

    Hi

    Not all my images are showing up on my archives page and I am not sure why - there does not appear to be any difference between posts where the image does and does not show

    http://elmurphy.co.uk/?page_id=1251

    an example are the two posts in October

    thanks

    • Oct 10th, 2009

      Do you have spaces in the names of the images? That caused the problem you describe to occur on my site.

  8. ILT
    Sep 30th, 2009

    Hi,
    I love this plugin. Its exactly what I'm after. However, I cant get it to work with IE8. When the page loads I get the following script errors:

    pngfix.js - invalid argument - line 45
    jquery.corner.js - not implemented - line 144
    functions.js 'null' is null or not an object - line 2 char 2

    If I click on a date, nothing happens.
    IE6 (and IE8 compatibility mode) it sometimes works for a second, then the post's text disappears and the images move to the left of the screen. I've replicated this on other PCs.

    The good news is its perfect in Firefox :) I realise the problems are cause by IE breaking convension and therefore making it very difficult for developers.

    Hope you have a suggestion for an IE fix?

    • ILT
      Sep 30th, 2009

      I forgot to mention, this only happens in mini mode. I'm using layout 2, effect 1.
      Cheers.

  9. Sep 18th, 2009

    this plugin is really good.I liked it

  10. Dan
    Sep 16th, 2009

    Get this error - using 2.8.4 - what could it be?

    Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 105536 bytes) in /home/absoluy1/public_html/wp-content/plugins/snazzy-archives/snazzy-archives.php on line 554

  11. Marlene
    Sep 16th, 2009

    What a wonderful, creative idea, Vladimir.
    Like Peter Poortinga and Peter Lurie, I'd be very interested in the ability to archive by category.

  12. Sep 14th, 2009

    Vladimir: I needed to add additional quotes around the image URL in snazzy-layout-{1,2}.php to allow the plug-in to work with images that have a space in the URL.

    ... transparent url(\''.$imageurl.'\') no-repeat  ...
    
  13. Sep 9th, 2009

    Is there a way to re-size the images for the thumbnails?

    Some of mine look really nice when cropped, but others look really scary...

  14. Aug 29th, 2009

    Hi, i have a query regarding this plugin. I was playing around with the options page and i deleted the image cache and soon after that the snazzy archives page stopped showing images. i am running a photoblog and loved this widget to display my photo posts by day in thumbnails... can you be kind enough and let me know how to make it work?

    the link to my archives page is : http://photography.exposedout.net/archive/
    and it doesn't seem to be working the way the screen-shot of the plugin shows.

    i would be glad and happy if you could help me out in this regards :)
    thanks and regards
    vikram

  15. Aug 24th, 2009

    How difficult would it be to include an anchor navigation at the top for the years? At least that way, users won't have to scroll too far down but click a link to jump to the year.

    Or, maybe have collapsible rows for the years?

    Just thinking how to make this work better - not a developer though.

  16. smoochy
    Aug 20th, 2009

    Hi Vladimir,

    unfortunately your wonderful plugin breaks the xhtml conformity. Please have a look at http://validator.w3.org/check?uri=http://www.smoochy.de/archiv . The issue seem to be in snazzy-archives.php line 514.

    In addition would it be possible to add multi-language support to your plugin? In detail I would be interested in changing the abbreviations for the month names. Maybe this can be realised in the settings of snazzy archives, that there is a field, just like the years and their description, but for the months.

    And maybe this multi-language support can be expanded to your SEO Comments plugin, too.

    Thanks, smoochy

    • Sep 4th, 2009

      Hey smoochy, I noticed this too. I use the following patch to circumvent the problem. Just add the lines marked in cyan in the appropriate place in snazzy-archives.php.

      (For bonus points you can generalise '2009' in that code with the year of your latest post!)

      • Sep 9th, 2009

        Hi pundit,

        thanks for that hint, I added it and it works.

        • Sep 9th, 2009

          I'm glad it helped!

          Vladimir: Could you add something similar to the plug-in code. I think this validation problem only shows up with XHTML 1.1 and not 1.0, but I am not sure.

          • Dec 7th, 2009

            Issue still persistent in 1.4. And the patch does not seem to work anymore

  17. Aug 20th, 2009

    Hi Vladimir. I used your plugin one month, but after upgrade (wp or your plugin, can't be sure) have now problem if I use it. It make conflit with my template. In home page I have post "IN PRIMO PIANO" and 5 smoll clickable icons under. If your plugin is active home page show a column with all 6 latest post big like "IN PRIMO PIANO". Can u understand why? Thanx a lot. Gio

  18. Aug 18th, 2009

    After upgrading the plugin, I get this error when viewing my archives page (which previously worked before the upgrade)

    Fatal error: Call to undefined function: file_put_contents() in C:\inetpub\vhosts\courtneychesley.com\httpdocs\wp-content\plugins\snazzy-archives\snazzy-archives.php on line 445

    • Aug 18th, 2009

      This should be fixed with the latest update.

    • Aug 18th, 2009

      You need to adjust your php.ini settings on your host to this
      allow_url_fopen = On

      If you can't do this than ... I don't have a solution right now perhaps anyone else can help.

    • Aug 18th, 2009

      To me, it's the same :-(

  19. Aug 14th, 2009

    I'm feeling dumb. I loaded the plugin, activated it, and pasted in [snazzy-archive] to the main Archives page where I'd like it to work. Nothing. Did I miss something? Thanks!

    • Aug 15th, 2009

      Disregard, I got it to work. Thanks!

  20. Jul 30th, 2009

    Hi Vladimir, Finally an archive that looks how you want them to look like thanks.
    Question: Is it possible to filter on cateories, for example addings category numbers in the command [snazzy-archive] like for example [snazzy-archive,3,6] showing only the posted items with categorynumber 2 en 6
    Regards from Holland
    Peter

    • Aug 6th, 2009

      Vladimir! I just wrote something similar in the Forum! This would be fantastic!!!
      Regards from Munich, Peter

      • Aug 6th, 2009

        Vladimir! I just wrote something similar in the Forum! (I missed out the reference to Peter Poortinga above: Snazzy archives with Category implementation!)This would be fantastic!!!
        Regards from Munich, Peter

  21. Jul 10th, 2009

    HELLO! I moved and renamed the template to my themes folder per the tutorial on full screen rendering of the archives, which appears in my Page dialogue along with the Default. Choosing the Snazzy option renders a page with no archive, choosing Default shows the archive. The issue is wanting to preclude loading the sidebar. I'm about out of ideas for trouble-shooting the installation, so any help would be much appreciated. thanks!

  22. Jul 8th, 2009

    @Vladimir Really? Thank you so much for the compliments :)

    Okay I've included a screenshot here. Notice how the posts that I've drawn the question mark on have an extra gap that posts with the tick mark don't have. http://twitpic.com/9p6o7

    I wanted to get rid of post excerpt entirely because I'm planning on adding lots of posts and excerpt will simply take up too much space, which is why I have removed the necessary codes from CSS and PHP file. Now only thing that's left for me to remove is that extra space so that posts marked with the question mark look like posts mark with the tick mark,

    Once again thanks a million for making such an awesome plugin :)

  23. Jul 8th, 2009

    I am afraid I didn't understand what you are trying to say. But you do have an excellent site, spent hours today browsing the articles :)

  24. Jul 8th, 2009

    Hey Vladimir, first of all thanks for making this awesome plugin.

    Secondly, I entirely wanna get rid of Post Excerpts. So far what I've done is remove the excerpt part of the code from CSS and php and it worked, like u can see here at http://gimliglider.com/archives-2/

    The only problem that I haven't been able to get rid of is: Although the excerpts are now gone, which is what I wanted, the space inside which the excerpts were displayed still remains, leaving a blank space which makes it all look ugly. Let me explain a bit more.

    If you click on July 07, u'll not see an exceprt because it doesn't have any. click on july 05 and it doesn't have excerpt either. but click on July 4 and u'll see the blank white space that I'm trying so hard to get rid of.

    Any clue on this matter would be highly appreciated.

    Thanks

  25. Jul 5th, 2009

    I meant "...my server" not "...mu server"

Have your say

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

*
*

  • ManageWP