Zen テーマをベースに独自の Drupal テーマを作成する

既製の Drupal テーマを使わず、独自のテーマを作成したい、または WordPress や Joomla からテンプレートを移植したい場合は、テーマを一から構築する必要があります。幸い、テーマ作りを始めるのに役立つ既製のフレームワークがあります。

Zen - http://drupal.org/project/zen

Fusion - http://drupal.org/project/fusion

Adaptive Theme - http://drupal.org/project/adaptivetheme

Omega - http://drupal.org/project/omega

最も人気のあるテーマフレームワークは Zen テーマです。テーマ構築にとても便利なフレームワークです。本質的には、有用な CSS クラスを生成する「必要最小限」の 3 カラムの Drupal テーマです。Zen テーマのもう一つの利点は、コンテンツの配置です:コンテンツブロックがメニューやサイドバーより先に来ます。これは SEO に有利で、メニューやアーカイブ、ブロックのような繰り返しの要素より前に、独自のコンテンツを優先させるからです。

デフォルトの Zen テーマは次のようになっています:

Zen をサイトのテーマの基盤として使います。drupal.org から Zen テーマをダウンロードします。sites/all/themes フォルダーがまだない場合は作成し、その中に zen フォルダーをコピーします。

次に、Zen からサブテーマを作成する必要があります。Zen テーマを直接変更する代わりに、なぜサブテーマを使うのでしょうか? それは、変更が何かを壊した場合に備えて、元のファイルを保持しておくのが良い習慣だからです。また、他の人が、あなたが何をベースにテーマを構築したかを正確に確認できます。

STARTERKIT フォルダーをコピーし、サブテーマの名前に変更します。この例では sitemade を使います。テーマフォルダー内で STARTER.info.txt ファイルを見つけ、テーマの名前に合わせて名前を変更します。たとえば sitemade.info です。

サブテーマを有効にするには、Drupal の管理画面に移動して Zen Sub-theme Starter Kit を有効にします（名前は .info ファイルで変更できます）。

これでサイトはあなたのサブテーマを使うようになり、カスタマイズを始められます。

すぐに「turn off this feature（この機能をオフにする）」をクリックし、テーマ設定で「Rebuild theme registry on every page（ページごとにテーマレジストリを再構築する）」を無効にします。

これでクリーンなテーマができました。まず、サイトが固定幅（通常 900～1000px）を使うのか、全幅（フルード）レイアウトを使うのかを決めます。固定幅で問題なければ、デフォルトの幅が 960px なので、何も変更する必要はありません。

全幅に切り替えるには、サブテーマの css フォルダーに移動し、layout-fixed.css の内容を layout-liquid.css のものに置き換えます。

STARTERKIT フォルダーには、これらすべてのファイルのバックアップコピーが含まれており、簡単に復元できることを覚えておいてください。

最後のステップ:sites/all/themes/zen/templates から templates フォルダーを、サブテーマのディレクトリ sites/all/themes/zen/your_theme_name/templates にコピーします。これにより、元の Zen ファイルに触れずにテンプレートファイルを編集できます。