D.I.Y. kit テーマ
Drupal テーマをカスタマイズするためのベースとして作成したテーマです。
カスタマイズのベースとなるテーマは drupal.org でもいくつかリリースされていますが、デザイン的にシンプルなだけでなく、CSS によるカスタマイズの拡張性や Drupal のバージョン間での差異をなくすことを考慮したテーマ関数の再定義と新しいテーマ変数の追加を目的として作成したものです。
特徴
- Drupal 5.x および Drupal 6.x の両バージョンで同一内容の CSS が利用できます。
- 「ヘッダ」「フッタ」「左サイドバー」「右サイドバー」のデフォルトのブロック表示領域に加え、「ノード上部」「ノード下部」「ノード本文の上部」「ノード本文の下部」の 4つのブロック表示領域を追加しています。
- テーマの設定画面(Drupal 5.x では Theme Settings API モジュールのインストールが必要)に「スキン」「ページレイアウト」「カラムレイアウト」などの変更フォームを追加しています。
レイアウトの参考になるように...ということで、これ以外にもいろいろ調整している部分がありますが、簡単に。
対応ブラウザ
以下のブラウザ(すべて Windows)にて動作確認を行っていますが、環境によって、レイアウトが乱れる場合があるかもしれません。
- Firefox 3
- Firefox 2
- Internet Explorer 8 beta2
- Internet Explorer 7
- Internet Explorer 6
- Safari
- Opera
ウィンドウサイズは、基本的に 1024x768 くらいで確認しています...
既知の問題点
完成されたテーマとして作成したのではなく、あくまで、カスタマイズのためのベースとなることを目的としていますので、以下の点に関しては追求して修正を行っていません。 というか、テーマ固有の問題ではないので...
- Drupal 6.x では、テーマ固有の設定画面を持つテーマの場合、テーマ設定画面にそのテーマが適用されないことがあります。
- Windows XP で Windows のデスクトップテーマを「Windows XP」にしている場合、Internet Explorer において、input ボタンに表示する文字数が特定のピクセルを超えるとボタン画像が引き伸ばされたような状態になります。
- Internet Explorer 7 および Internet Explorer 8 beta2 において、折りたたみ式 fieldset の折りたたみ時の border の中心が表示されません。
- 管理セクション以下のページで出力される内容はインストールしているモジュールに依存する部分が多いため、すべてを確認していませんが、右側にはみ出して表示されるなどの問題が発生する可能性があります。
注意事項等
- Drupal 6.x で D.I.Y. kit の古いバージョンをインストールしている場合は、アップグレードの際に [管理セクション] → [サイトの環境設定] → [パフォーマンス] から「キャッシュデータのクリア」を行うなどの必要があります。
ブラウザのキャッシュもクリアしないと、CSS の情報がうまく書き換えられないことがあるようです。

