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
Love the plugin, will probably use it EVERYWHERE.
But found some issues, first a minute one, the css has a small bug,
.sz_page {
bacground-color: #ffffef;
}
should be background, not bacground of course.
The second issue is stranger, I can't get it to work on http://pappmaskin.no/archives/, and I am beginning to thing it has to do with the number of posts perhaps? It could be something else of course, but I am running the same theme on http://poetikon.no/arkiv which works well. Or perhaps it collide with some other plugin? Or are there known issues in connection with wordpress version?
I couldnt find anything in the forum.
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.
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
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
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!?
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.
Thank you for your quick response. I am looking forward to the =20
version 0.6.1, with great interest.
Cordially,
Christine
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.
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!
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! :)
Bonjour,
With Snazzy Files 0.6, the archives do not appear any more on my page... I reinstalled the previous version.
This plugin is brilliant!
I devote an article here to him :
http://liseweb.fr/BLOG/installer-snazzy-archives-plugin-pour-des-archives-qui-jazzent
Thanks a lot for Snazzy Archives.
Christine
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...
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
Oops. I meant to say the "...time wasn't bad..." in my previous comment. Sorry about that.
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
another awesome plugin :D Simply love the trransitions!
And yet another Thumbs Up :D
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.
It's a great plugin. Congrats!
I'm changing a little to don't show some images (for example, I have a movie review blog and the first images in a post is a "star", so I don't want to show "stars" in the archive page but the movie poster image).
I'm a little stuck (I'm not a PHP developer, but I know my stuff in other languages so I have the idea) and now I'm not showing the stars but didn't show any image either hehe.
I will inform you if i have sucsess in this change
$position = 1;
while (!$end && $imageurl) :
if ( strstr($imageurl,"favstar.gif") ){
$imageurl=$matches[$position++];
}else{
$end = true;
}
endwhile;
Thanks sister :)
Hey VLAD,
This darn plugin is wayy soo cool. Thank you so much for your hard work.
I LOVE IT! Dayum. You php folks ROCK!
This is the most amazing archives-plugin I've seen so far! It's perfect for my use! THANK YOU! :D
I was wondering if there's any way to make a similiar plugin to display posts from a chosen category, such as "photos" ? It would be PERFECT to use as a simple gallery for photobloggers!
That's a little trick - a simple text widget with a link and an image for the link - you may look at the page source.
How do i place it in the side bar as you have done here? Love the plugin - great work!
this looks fantastic. am in the process of revamping and this has definitely caught my eye. nice work!!