The Theme Foundry releases a Backbone powered theme

collectionsThe folks from The Theme Foundry have released a new theme called Collections, which is a post formats centric, Backbone powered WordPress theme. They emailed me to let me know they were wrapping up a Backbone powered theme, and I was intrigued and asked if I could take a closer look.

So they showed me a demo preview of the theme along with a copy so I could peak at the code to see how it was structured. I came away pretty impressed.

Collections is very post format centric, and uses Backbone to reload content with JavaScript without reloading pages. The design is by Veerle Pieters, a very well known and talented designer. The unique design for the various post format archives on this theme were really impressive.

The theme has some basic options for filling out social information and optionally showing extra about content for the home page. But what’s more interesting is what this theme doesn’t support. There are no built in widget areas, and custom background and custom header images are not supported. Collections makes decisions for the users.

Backbone in WordPress themes


Hearing that the theme utlizes Backbone, I was a little concerned that it could make it tough for site owners and developers to customize. I’m no JavaScript or Backbone expert at all, but some JavaScript heavy themes I’ve seen before have had some pretty obfuscated code that was confusing for me to decipher.

Collections is broken down into pretty small template parts. And once you dig into the templates, it’s relatively easy to pick out what’s different in them from a typical theme. You can see a sample section of a template for audio post formats below:

<div>
	<?php get_template_part( '_entry-title' ); ?>
	<span>
		<?php if ( collections_is_js_template() ) : ?>
			<%= audioArtist %>
		<?php else : ?>
			<?php collections_the_audio_artist(); ?>
		<?php endif; ?>
	</span>
	<?php get_template_part( '_post-date' ); ?>
</div>

Basically, if the SPA (Single Page Application, via Backbone) features are enabled, then the theme will generate a JSON feed based on the site content, and will use JavaScript templates to render the content.

Once the JSON requested by the server is returned, then the theme grabs the available JavaScript template and renders it on the page. The code shown above makes the template parsable by the JavaScript, so that the JavaScript templates can be printed.

A trend in the making

I was pretty excited to play with this theme. I love when companies take risks like this, and push the envelope for a market. Collections reminds me a bit of the move The Theme Foundry made in 2010 with the Shelf theme that was the first ever paid theme on WordPress.com, and was the top seller for a while. It’s bold, and beautiful; but also very targeted and specific.

I think they’ve got a pretty good chance of success here. And if nothing else, I imagine that other developers will take note of how nice the Backbone features are for the user experience and site speed, and we’ll start to see more of that pop up in other themes.

Disclosure: While this is not in any way a sponsored post, The Theme Foundry does support Post Status, and you should know that. They didn’t ask for this review, but this sort of theme innovation is exactly why I loved the idea of partnering with them in the first place 🙂