Theming

I've implemented a "slideshow" feature on the photosets in the Photography section of this site (and in blog posts that feature photosets). This feature links to Flickr's built-in slideshow by theming the output of the Flickr module for Drupal:

In this Drupal recipe, we will look at how this was achieved.

When verifying a site for Google Webmaster Tools, one of the options uses meta tags, specifically meta name="google-site-verification".

This meta tag only needs to appear on the front page of the site, so we can easily check for "is_front" in Drupal and add the meta tag using the theme_preprocess_page() function.

The Zen Theme for Drupal is a great place to start building a standards-compliant Drupal site. One of the useful features of Zen for site design is the fact that it adds multiple classes to the document body (in addition to the classes already added by Drupal core). But if these classes are not enough, we can easily add more through THEME_preprocess_page().

By default, Drupal outputs taxonomy terms as an unordered list in the div.meta section of nodes. Here is a simple CSS pattern to format taxonomy terms with either the pipe character (" | ") or as a comma-delimited list (in the example, change " | " to ", " to make a comma-delimited list).

I thoroughly enjoy working with the Zen theme framework for Drupal. I wanted a way to easily illustrate what block level elements are provided by the default Zen theme in a visual way using live site data, so I made this subtheme: zen_wireframe. zen_wireframe outlines and labels all Zen block level elements (to aid in page layout visualization). It should work with either the layout-fixed.css or layout-liquid.css Zen layouts (by default it uses layout-fixed.css).