ホーム

Drupal 8

サイト制作費

事例紹介

運営会社

お問い合わせ

サイトについて

現在地

テーマファイルの準備

テーマを作成する方法として、自分で製作したXHTMLファイルにDrupalで使用可能な変数を埋め込んでゆく方法と、既存の公開されているテーマをカスタマイズしてゆく方法が考えられますが、ここではより簡単な後者の方法を説明します。

作業手順

  1. http://drupal.org/project/Themes から変更元とするテーマをダウンロードします。例として癖が少なくカスタマイズに適している Zenテーマ を使用します。
  2. ダウンロードしたファイルを解凍し、ご自身の1テーマファイル保存ディレクトリにディレクトリごとアップロードします。
  3. 管理者IDでログインし、zenテーマを有効にします。
  4. テーマ確認用のテストユーザを新規に作成し、アカウント情報変更でそのユーザの初期テーマをzenテーマに設定します。
  5. 作成したテストユーザでサイトにログインし、zenテーマが表示される事を確認します2

ZENテーマに含まれるファイル

ファイル名 役割
page.tpl.php ページ全体を定義する
style.css テーマが使用するスタイルシート
template.php テーマエンジンの機能を置換する
forum-node.tpl.php フォーラムノードの表示定義
node.tpl.php デフォルトノードの表示定義
comment.tpl.php コメントの表示定義
box.tpl.php メイン表示部のボックス表示定義
block.tpl.php サイドバーブロックの表示定義
screenshot.png テーマの画面イメージ
favicon.ico テーマのFaviconファイル

各テンプレートファイルの表示範囲

各テンプレートファイルで定義される領域を識別表示すると、以下のようになります。

下記の図からもわかるようにpage.tpl.phpで全体の構成を定義し、その中にnode.tpl.php3、block.tpl.php、comment.tpl.php、box.tpl.phpが含まれる構成となります。
ブロックやノードが複数表示される場合はテンプレートで記述された内容が複数回表示される事にご注意下さい。
テンプレートファイルによる画面定義範囲
テンプレートファイルによる画面定義範囲

コメント表示時は、comment.tpl.phpがテンプレートとして使用される。
コメント表示テンプレート
コメント表示テンプレート

box.tpl.phpはメイン表示領域を識別表示する際に使用される。
box.tpl.php
box.tpl.php