Themes

Best Drupal 7 Themes

It was about a year ago that I wrote my first post on the best Drupal 7 themes. At the time, it was slim pickings coming up with a list of strong choices. Fortunately, a lot has changed. 

A couple quick points before we get to the themes. The criteria I used in putting this list together has changed a bit since last time. First of all, these are all free themes. Extra points were awarded if the theme uses responsive design or an installation profile, especially if it includes a WYSIWYG. These are things that I think show extra attention to user experience.

A while back I wrote a post on what I thought were the best Drupal 7 themes, but in that post I focused solely on those that were available for free. I decided it was finally time to write up a companion to that piece on the the best premium Drupal themes out there.

Most premium themes are very reasonably priced - under a $100. A fair number of them also include the layered PSD files so they can be easily modified by a designer, which may come in handy if you're working for an organization with a tight budget.

It's been said - with good cause - that Drupal lags competitors a bit with regard to the quality of the premium themes that are available. I'm happy to say that this gap is closing as more and more theme developers turn out high quality designs. Here, in no particular order, are five premium themes I think deserve some attention.

Drupal interview series

I recently had a chance to discuss responsive web design with a Drupal developer at the vanguard of this emerging standard, Jurriaan Roelofs.

Jurriaan, based in Utrecht, Netherlands, is the author of the responsive base theme Arctica and its companion theme extender Tundra. 

Here's Jurriaan on responsive theme design, the challenges facing Drupal and what he thinks the future has in store.

Drupal responsive theme

Over the past six months, responsive web design has gone from being a hot trend to an emerging standard. Not to be left behind, Drupal theme developers have begun to produce some excellent responsive themes. Here's what you need to know.

Drupal Omega Theme

One of the themes for Drupal 7 that has caught a lot of people's attention is Jake Strawn's Omega theme. Omega incorporates a number of features that are unique among Drupal themes and that can provide site builders with some cutting edge tools for building the next generation of websites.

Add stylesheet to Drupal theme

Adding stylesheets to a web page is one of the first things a designer or developer learns how to do, but adding a stylesheet the "Drupal way" calls for a different approach. In my rush to finish the custom theme for my first Drupal site, I skipped the documentation on adding CSS and simply placed a link to the stylesheet in the page.tpl.php template file. 

It's a little embarrassing to admit this mistake now, but it wasn't such a bad guess, really. After all, adding styles to a template file is the preferred method in other flavors of web development. But by adding my CSS in this way, I bypassed Drupal's stylesheet aggregation and compression, and in doing so, lost a nice little performance boost. 

Now that you know how you shouldn't add your styles, here are three ways to correctly add them to your Drupal theme.

Installng a Drupal theme

This screencast steps through the process of installing and configuring a Drupal theme. I've selected Pixture Reloaded for this exercise, which is a great theme for anyone that wants to do as little coding as possible. Based on AdaptiveTheme, it features HTML5 and some easy to configure CSS3 effects like rounded corners and drop shadows.