Comments on: Thumbnail Based Archives

By: Chris Coyier

Chris Coyier — Wed, 04 Aug 2010 23:35:30 +0000

I do have JavaScript based horizontal mousewheel scrolling in there. It works great in Firefox, but I just checked WebKit and for whatever reason it doesn’t work. Not sure if that’s a limitation of the plugin or if I screwed something up.

And regarding width, the whole point of using TD’s is because they will not wrap in a table row, so you don’t need to give the body an explicit width, it will just grow horizontally as needed.

By: Justin

Justin — Wed, 04 Aug 2010 22:29:38 +0000

Cool post Chris, I think the only thing to make this better would be to implement the horizontal scrolling plugin. All you would need is to link to http://deanoakley.com/js/thw.js (he seems to be the only one with a recent copy i can find.) Also to handle the fact that there is a dynamic number of posts, just call

var TD=$('TD');
$('BODY').width(TD.length * TD.eq(0).width());

I tested it out on your site using Chrome's dev tools. Totally gives it that extra kick.

By: Nitin

Nitin — Thu, 29 Jul 2010 15:14:07 +0000

Thanks Chris,

I have been thinking about purchasing the book for quite sometime now. You gave me a reason enough.

By: Chris Coyier

Chris Coyier — Thu, 29 Jul 2010 12:22:17 +0000

In the book, I suggest using custom fields for removing the sidebar. In all your templates where you output the sidebar, wrap it in a conditional tag that looks for the custom field `noSidebar`. If it’s present, then don’t output it. That’s the clean way that would save bandwidth and also hide it from search engines.

By: Nitin

Nitin — Thu, 29 Jul 2010 05:29:30 +0000

Hi Chris,

This is not related to this post, it rather relates to http://digwp.com/2010/02/custom-css-per-post/. Since in my opinion, this was not as big an issues that I reach you via the contact form, I am seeking your guidance here itself

If I want to remove a sidebar I can use #sidebar {display:none} and #content {width:100%} Essentially I am hiding my sidebar from humans, search engines can see it. We can also see it if we open the source files. Can there be any penalisation by search engines for this?

Needless to say, my understanding of css & stuff is fairly limited. I just played a bit in Firebug.

I am sorry of putting a totally unrealted question, but I seek your guidance. Thanks.

By: Julian

Julian — Wed, 28 Jul 2010 00:31:51 +0000

cool man
then, every post should be have at least one image attachment, isn’t it?

By: Nicolas

Nicolas — Tue, 27 Jul 2010 09:00:55 +0000

There’s a Plugin by Vladimir Prelovac which does a similar archives style. And I would think it could be fairly easy to integrate the thumbnail stuff in there. Check it out at http://www.prelovac.com/vladimir/wordpress-plugins/snazzy-archives

By: Mike

Mike — Mon, 26 Jul 2010 21:48:39 +0000

Chris, you keep pumping out these great ideas don’t you!
So far this wouldn’t have really fit with any of the WP sites I have designed, but I am SO going to try and work it into the next one!

Awesome tut.

By: Tony

Tony — Mon, 26 Jul 2010 19:13:09 +0000

Seems more appropriate for the related posts section instead…

By: Hassan

Hassan — Mon, 26 Jul 2010 18:32:04 +0000

I had the problem of how to arrange elements horizontally without specifying a width. Never thought of using tables for this. Works awesome. Thank you Chris!