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
- Layout 1 - All posts are evenly spread in blocks
- Layout 2 - Try clicking date and month headers!
- Special FX 1 Carousel - for saving space, a carousel
- Special FX 2 jQuert Space - still experimental, rotating post cloud
- Special FX 3 Flash Space - still experimental, using flash
Download
Installation & Usage
- Upload the whole plugin folder to your /wp-content/plugins/ folder.
- Go to the Plugins page and activate the plugin.
- Use the Options page to change your options
- 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.
346 Comments
Update to version 1.2 which now allows two more special effects
Hi,
I've just posted an article about my archive template page which uses your Snazzy Archives plugin if it is installed: http://www.wwangle.com/blog/2009/a-wordpress-index-page-template/
Thanks again for making this available.
Samantha
I'm trying to get your archive plugin working on my site, I'm really excited about it.
For some reason the plugin is just breaking the archive page. All I have on the archive page is the [snazzy-archive] code and the page breaks there somehow.
Any ideas?
http://blog.iamnotashamed.net/archives/
awesome job, you should make more tumblr-inspired plugins!!
smart tube is great too. thanks so much.
I've just coded my own index/archives page template and used your great plugin to allow to display either a regular list or your visualisation instead. You can see it at http://www.wwangle.com/blog/index/.
Thanks for sharing this plugin. It works great!
Sorry, another question! Is there any way for Snazzy Archives to be tied to the category archives instead of the archives for the entire site? I've started a WordPress forum topic on what I want to do (link below), and while I don't mind playing around with the WP loop, if Snazzy Archives would do this that would be fantastic.
http://wordpress.org/support/topic/230199?replies=6#post-942636
Thank you for creating such an incredible plugin Vladimir!
Oh wait... I just saw it listed in the official WP 2.7 plugin compatibility list. Thanks very much! I'm excited to see if it will work with my blog.
Amazing plugin! Is is this newest version compatible with WP 2.7?
Hello,
I'm more or less reiterating a question from back in July made by David Markland. I'm wondering, is it possible to organize the archives by week? This is the most ideal way to organize my site as we release weekly issues. Is this at all possible?
Thanks!
Tyler Hauser
Just learned that I am not allowed to post code here ;-)
Makes it it sort of difficult to describe the problem - hmm...
Thank you
Kosta
Hi Vladimir,
I use qtranslate heavily on my blog. Somehow I can see the plugin working like it should but I have the below code showing up also.
Also the code is covering half of the pictures.
Any idea what the problem is ?
Thank you
Kosta
Dec
28
From Switzerland From Switzerland
“ Boardbauer aus der Schweiz waren so freundlich mir Bilder von ihrem Projekt zu überlassen. Viel Spaß ...”
27
Glasfaser - Design - Belegung #2Glasfaser -
Hello Vladimir!
Great plugin! I used it in the website of our school. However, your php code does not validate on an xhtml1.0 strict doctype. I used the W3C validator (validator.w3.org). It gets an error in between the tags starting at line 376 of snazzy-archive.php file. I copied your file in Dreamweaver so that's where I got the line code number.
I believe if using the transitional, it would validate. But my site uses the xhtml1.0 strict. So I have to make some adjustments. Strict type does not allow an empty tags. So I simply put after the tag and added another at line 463. It worked!
The website that I am working on is:
MCCID College
My News Archive page is:
http://www.mccid.edu.ph/news-archives
I also used HTMLHelp Validator to check my site. Here is the link.
http://www.htmlhelp.com/cgi-bin/validate.cgi?url=http://www.mccid.edu.ph/news-archives&warnings=yes
Hope this helps. Thanks!
Jojo
great job... i hav to modify one thing.. i dont want display the images.. i want display only texts.. what to do?
You're the best. THANKS A TON!!!
Vladimir,
Great work here! It is the only archive plugin I could find which would show both posts and pages.
However, all of my posts and pages are listed but no images show. I have images in all my posts and pages, but nothing are appearing.
http://onewalrus-ink.org/blog/archives/
Any idea why?
Karen thanks for that revelation :)
Yes!!! I got it. For all you having trouble, make sure your server is not running in SAFEMODE (you may need to call your host). Yipeee! Finally.
Hmmm... Interesting. Oh! I know, start deactivating plugins. Start with the ones that use jQuery. Take the time to do this one plugin at a time, and reload or revisit the site. See if that helps.
Most problems are dued to templates, not the plugin. I personally sorted my own, thanks to some php editing. Deisng view worked for me.
Tried both Michelle.
"For those having trouble getting the plugin to show up, are you using HTML view or design view? If I remember correctly, you need to go in HTML view to get it to work."
For those having trouble getting the plugin to show up, are you using HTML view or design view? If I remember correctly, you need to go in HTML view to get it to work.
Thanks Vladmimir. I have activated the plug-in, created the new page with the required [snazzy-archive] and even played with the options, but nada. As soon as the page loads the spot where the [snazzy-archive] was inserted, the page breaks and doesn't load any of the rest of the page-code. I have tried different themes, so I don't think it is my template. Maybe server settings? I don't know.
... ok. i must be stupid ;-)
what about a small hint ... please... :-)
At the moment it's not officially supported but the code is there you need to enable it :)
To all that did not manage to run snazzy archives, you only need to create a new page and insert [snazzy-archive] to the post, publish and that's it.
hi,
really great work!
is it possible to activate the
"Special FX 2 jQuert Space - still experimental, rotating post cloud" in some way ... or am I just too stupid ;-)
anyway thanks a lot!