Zen

Why use Zen?

Why should you create your theme as a Zen sub-theme as opposed to just modifying an existing theme?

Testimonials

Here’s just some of the comments we’ve received from themers who have used Zen as their base theme.

Installing Zen

How to install Zen automatically or manually

Creating a Zen Sub-theme

What are base themes, sub-themes and starter themes?

• How do you create a theme with Zen?
• Make a 7.x-6.x sub-theme
• Make a 7.x-5.x sub-theme automatically with Drush
• Make a 7.x-5.x sub-theme manually
• Make a 7.x-3.x sub-theme manually
• Make a 7.x-3.x sub-theme with Zenophile

Upgrading Zen

Upgrading to a new version of Zen

• Upgrading Zen 7.x-3.x
• Upgrading Zen 7.x-3.x to 7.x-5.x
• Upgrading Zen 7.x-5.x

HTML templates and other PHP pages

A description of all the HTML/PHP pages used in a sub-theme

• Templates and other PHP pages
• template.php
• block--no-wrapper.tpl.php
• block.tpl.php
• comment-wrapper.tpl.php
• comment.tpl.php
• html.tpl.php
• maintenance-page.tpl.php
• node.tpl.php
• page.tpl.php
• pane-header.tpl.php
• pane-messages.tpl.php
• pane-navigation.tpl.php
• panelizer-view-mode.tpl.php
• panels-pane.tpl.php
• region--footer.tpl.php
• region--no-wrapper.tpl.php
• region--sidebar.tpl.php
• region.tpl.php
• user-picture.tpl.php

CSS/Sass files in 7.x-3.x or 7.x-5.x

How to use CSS/Sass in Zen 7.x-3.x or 7.x-5.x

• Zen stylesheet organization
• Getting started Sass and Compass
• Layout methods used in Zen's CSS
• Useful CSS selectors to add to your stylesheets

Contributed Zen sub-themes

A list of pre-made Zen sub-themes