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
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
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.
I am also available for WordPress Development Services, feel free to contact me.
Loading ...
October 11th, 2008 at 20:03
Great plugin I tried it on one of my blogs. I was wondering can you use it as a post (not page) where you can write some promo articles for exploring your site and then have the plugin work on that particular post also.
It would seem to be a good way to promote links to all your posts on that post.
Many times we don’t want to index archive because of duplicate problems with google but since this creates icons and a little excerpt, it could eliminate that issue.
October 9th, 2008 at 21:42
I love the plugin, I’m having some problems with it though. If you look at my site (I’ve submitted it with my comment), and click on archives, you’ll see that the items that should be hidden after the scrollbar keep showing up. It does this in IE7.
Any ideas
Darren
October 6th, 2008 at 0:20
Bonjour,
I understood why from time to time my snazzy archives does not display any more.
I chose the Carousel option.
When I publish a new article, the snazzy archives disappear; the page is blank.
If I return to option 0, the snazzy archives are displayed again… But impossible to return to Carousel display.
Thanks for your help.
Christine
October 5th, 2008 at 17:01
It’s a great plugin and a great idea. Here is one idea that could really improve the outlook of the archive page:
Is it somehow possible to select the area of the image that is displayed? The random are sometimes completely misses the spot of a picture, i.e. http://www.awakeblogger.com/archive/ ?
Alternative it would be interesting not to choose a spot but as much of the picture as possible!?
October 5th, 2008 at 2:24
Vlad,
Boy is my face red. I could have sworn I did it that way in the past, so I failed to read your instructions in detail. Got it all sorted out now. Appreciate your eternal patience.
October 4th, 2008 at 0:32
Thank you for your quick response. I am looking forward to the =20
version 0.6.1, with great interest.
Cordially,
Christine
October 4th, 2008 at 0:16
Heather, Snazzy Archives is never shown in Widgets page. In order to use it you need to put [snazzy-archive] code in one of your pages.
October 3rd, 2008 at 21:21
Hi Vlad,
Thanks again for creating such awesome tools and sharing them with us.
Ever since I changed to WP 2.6.2 I haven’t been able see Snazzy Archives on my Design->Widget page. It shows up in Settings, however.
I’ve tried updating, and uninstalling/reinstalling version 0.6.1. I wonder if I am the only one having this problem?
Take care & have a wonderful weekend!
October 3rd, 2008 at 13:23
Bonjour Christine
I apologize for everyone who downloaded 0.6, there has been a problem with displaying archives and should be fixed now in 0.6.1. I hope you will love the new years in rows feature (Thanks Jorge once again!
October 3rd, 2008 at 7:31
Bonjour,
With Snazzy Files 0.6, the archives do not appear any more on my page… I reinstalled the previous version.
September 28th, 2008 at 21:06
This plugin is brilliant!
I devote an article here to him :
http://liseweb.fr/BLOG/install.....ui-jazzent
Thanks a lot for Snazzy Archives.
Christine
September 27th, 2008 at 19:09
I LOOOOVE this idea.. but I was thinking about the width of the pages especially when you have blogs spanning more than 2 years.
You have your snazzy archives in horizontal…. I was wondering… would it be possible to make that into a vertical instead of horizontal? (So that it scrolls up and down without ever scrolling horizontal.)
Just a thought…
September 24th, 2008 at 10:48
Hi, thanks for the great plugin!!
I just upgraded (auto-upgrade via WP), and I find that the mini mode is not working. What could be the problem? I’m still on WP 2.6.
Thanks in advance!
–decrypt
September 13th, 2008 at 0:46
Oops. I meant to say the “…time wasn’t bad…” in my previous comment. Sorry about that.
September 12th, 2008 at 8:29
Hi -
The css for the rest of my site specifies a dotted line as a background for links.
Trying to get rid of them in snazzy archives.
Tried background:none on several elements within the snazzy css but the dotted line was not removed.
Any ideas?
Thank you -
Wendi
innerstellarmedium.com
September 12th, 2008 at 0:55
another awesome plugin
Simply love the trransitions!
And yet another Thumbs Up
September 11th, 2008 at 23:22
An excellent idea for jazzing up the Archives page. Only one problem I found when I installed it on my 3 year old blog. Once setup I navigated to my Archives page and checked the source code for the number of queries made (usually it’s around 13 to 14 queries in .5 to .6 seconds for any given post or page and I’m using your Amazing Grace theme BTW). I was a bit shocked when I saw 1394 queries. The time was bad but that’s a bit too many queries for my taste. Too bad, I thought this would be a nice addition to the makeover of my old personal site.
I really like your work overall though. First class stuff.