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.
Hi! My name is Vladimir Prelovac. I am a computer engineer by profession and an adventurer by state of mind.
217 Comments
I really love the plugin and layout options, but for some reason i get a javascript error and it just runs really slow...
i'm using black colored theme and i found something weird. if i open my snazzy archive page with internet explorer, the header text (year, month and date) appears as white text while in firefox it turns into black. where did i go wrong? please be advise..
Hi Vladimir,
I've got your snazzy archives plugin working to a point but I was hoping to get the page to fill up right across. It seems like I can only get 3 months to show at a time. http://easy-renegade.com/archives/
I created a template like you instructed and that was good, I'm just wondering exactly which bit of code I need to alter to get the archives to show across the width of the page now.
Thanks for another awesome plugin.
Steve Anderson
Thank you, it's nice plugins.
Hello,
thanks for this great piece of work. Exact what I need.
My whishes:
1. Is it possible to get the Months translated (the archive is used by German users).
2. Is it possible (next version) to include / exclude categories?
3. Is it possible to get more than one archive. The use case:
- 1 Archive for Events (include categorie events)
- 1 Archive for the Rest (exclude categorie events)
Thanks and keep on this good work
Gernot from Germany
Hi Vlad,
What exactly do you mean by add the code to a post/page?
Suppose I want to add this plugin to my Archives Template how do I do it??
Aloha. Thanks so much for this beautiful plug-in. Really wonderful.
I have only one question. How can I better control the styling? The linespacing, and some of the Years in my archive are getting cutoff.
see >> http://synapticstimuli.com/visual-archive/
Any ideas?
Thanks again,
peace,
mjc
手机屋提供专业的手机评测,手机行情,手机评测,手机新品报道,手机图片,涵盖智能手机,音乐手机,拍摄手机,3G手机,CDMA手机等.
Hi,i have problems :the plugin offen breaks the webpage,and the imagines looks like fly out of the Internet Explorer7's workplace.
Excellent work on the plug-in! Unfortunately, for those of us with external image galleries, we miss out on a lot of the fun. Any planned solution for linked images. Even the ability to add manually would be a start.
I also agree with Ragabash above; adding a split year option would be great to avoid scrolling. Even better than a split year would probably be a maximum width parameter! :)
A great and unique plugin. Just what i was looking for, something to spice up my archive page. Thanks man.
This plugin is fantastic !
However, I wonder if there would be a way to improve the "Display Years in rows" option, by allowing to get a row from December to July, then a second row from June to January.
In many case, I think this could avoid having to scroll left and right.
Vladimire,
Odlican plugin! Pozdrav
Vladimir,
Is there a way to exclude categories? I've tried using "if (in_category('5')) continue; " but it doesn't seem to work. Any Ideas?
great! it works perfectly now!
I'm pretty fine now..but just to annoy you a bit more.. :P
what if I'd like to show "toggle" links on top? still using carousel..but I did not find any option the enable them or not.
just curious.. ;)
thank u so much for your great job..I think I'm going to donate!
You have to edit .js file as well, for carousel width change to take place.
All this is stuff is outstanding man...
But I have a strange problem of width using carousel effect.
the sz_carousel div keep the width fixed to something link 464px (don't know where it takes it)..but adding a different width on the .css file it does not change.
(not using any effect it perfectly fit to my page width..around 850px)
what's wrong?! thx
Andrea
My good sir, this kicks ass. :)
help. when i test this plugin on localhost it worked well,but when i uploaded it and installed on the website,it didn't work well for me,
this is the page i place [snazzy-archive]:thanks for help
Thanks for the tip!
Discovered a typo on line 22 of the style sheet when I validated my site's CSS:
.sz_page Property bacground-color doesn't exist : #ffffef
Wow! Really cool plugin! I'm interested in using this, but trying to modify it to work with a slightly different WordPress setup I have... See, every post has a thumbnail with it, however I see this plugin looks for an image within the post itself. How can I set the plugin to look for the image in a "custom field" that is set with each post? Any ideas or suggestions would be awesome! Thanks!
Is this compatible with the wordpress k2 theme? Thanks
Hi! Thx for the pluggin. It's owesome ^^
Excellent plugin!