ファイルを除くと、大きく分けて次の3種類のファイルから構成されています。--以下は上記ファイルの種類や概要です。2つのファイルだけで最小の構成のテーマを作ることができます。テーマのイメージ画像。ダッシュボードのテーマ選択画面で表示されます。ファイル(管理画面のhead要素内に外部ファイルとして読み込まれる)テンプレートパーツは、ヘッダーやフッターなどの他のページでも使用する共通部分を記述したテンプレートです(パーツテンプレートやモジュールテンプレートとも呼びます)。テーマに必要なファイルテーマを作成するには、通常以下のファイルが必要になります。この2つのファイルがないと正常なテーマとして認識されません。複数のテンプレートを使用することが多いです。ファイルを格納します。フォルダの名前の付け方などは任意です。用フォルダ等を配置することもできます。専用のテンプレートが存在しなかった場合に、最終的に選択されてそのページを出力する汎用的なテンプレートです。関数を記述することができます。言うファイルがないと正常なテーマとして認識されません。いわゆるインデックスファイルとは異なり、ファイル名を省略した場合にブラウザで表示されるデフォルトドキュメントではありません。使ってスタイルを指定することができますが、以下のような決まりがあります。冒頭に以下のルールでコメントを記述します。ここに記述した情報が管理画面の「外観」→「テーマ」で「テーマの詳細」を選択した際に表示されます。Name」(テーマ名)は必須で省略することはできません。」は必須ではありませんが、CSSファイル内に日本語を記述した場合、ブラウザが誤った解釈をする場合があるので記述します。UTF-8(BOMなし)で保存します。して、テーマのフォルダに保存します。上記のように記述すると、管理画面の「外観」→「テーマ」で「テーマの詳細」を選択した際に以下のように表示されます。テーマに機能を追加するテンプレートファイルの1つです。テーマで使う関数などを記述しますが、最初は空の(何も記述していない)状態で問題ありません。必要に応じてファイルの読み込みや機能などを記述していきます。詳細については「functions.php」を参照ください。HTML(wp5_theme_sample_01.html)を元にとても単純なテーマのファイルを作成して表示してみます。ローカル環境にインストールされていることを前提にしています。インストールしてあります(ファイルの配置)。このサンプルは、単にテーマのファイルがどのように表示されるかの説明のためのものです。言う最も汎用的なテンプレートを使ってファイルを表示するだけのものです。ファイルのフォルダ構成です。同じ階層に配置してありあす。テーマの名前を付けたディレクトリ(フォルダ)を作成します。中に、テーマに必要なファイルを作成していきます。言う最も汎用的なテンプレートを使います。テーマで必須のファイルです。言うフォルダ(フォルダ名は任意)に保存しています。ファイルを作成します。ファイルの冒頭に以下の項目をコメントで記述(2~6行目)する決まりになっています。コメントの下にスタイルを記述します。ファイルを作成します。テーマで使う関数などを記述することができます。タグの出力を行うようにします。使って読み込むことが推奨されています。詳細は「CSSやJavaScriptファイルの読み込み」を参照ください。自動的に表示(挿入)してくれるようになりました。現在はこの方法が推奨されています。タグの出力」を参照ください。いうファイル名に変更して、テンプレートファイルとして先ほど作成したテーマのフォルダ(wp-content/themes/sample01)に保存します。タグの部分を削除します。用意している関数(テンプレートタグ)を使って記述します。記述していますが、通常は、ページの固有の本文やタイトルなどはその内容をデータベースから読み込むようにします。変更また、名前を変更して保存したテンプレートファイル(index.php)は、保存場所が変更されているので必要に応じてファイルや画像などへのパス(URL)を変更する必要があります。絶対パス(URL)を使用します。値はテンプレートタグを使って記述します。属性の値)を書き換えた部分の抜粋です。言うテンプレートタグを使って出力することができます。設定したサイトのタイトルやキャッチフレーズ(データベースに保存されている値)を表示することができます。要素を使ったサブタイトル(12~13行目)にこれらのテンプレートタグを使って値を出力するようにしています。言うテンプレートタグはテーマのテンプレートに必須の関数です。より実行されています。タグの直前に記述します。作成したテーマでファイルを表示するには、テーマを有効化する必要があります。管理画面から「外観」→「テーマ」を選択し、インストールされているテーマの一覧を表示さます。作成したテーマにカーソルを重ねると「有効化」というボタンが表示されるので、クリックします。作成していないので背景が透明になっています)。「新しいテーマを有効化しました。サイトを表示」と表示され、作成したテーマが有効化されます。http://localhost/wp5/)にアクセスして、デザインが以下のように変わっていれば完了です。管理画面に戻るには「http://localhost/wp5/wp-admin/」のように「/wp-admin/」を付けてアクセスします。ログインしている場合は、以下のように管理バーが上部に表示されるのでサイト名をクリックすると管理画面に戻れます。サイト名にマウスオーバーすると以下のように表示されるので、「ダッシュボード」をクリックすると管理画面に移動できます。管理画面からサイトを表示するには、管理バーのサイト名にマウスオーバーして表示される「サイトを表示」をクリックします。さん」の部分にマウスオーバーして表示される「ログアウト」をクリックします。前述の「簡単なテーマの作成」は、1ページのみの構成でしたが実際のサイトでは複数のページから構成され、それぞれのページに合わせてテンプレートを使ってサイトを構築します。その際に複数のページでの共通部分をテンプレートパーツにすることで、効率的にページを管理することができます。ページのテンプレートを以下のようなテンプレートパーツに分割して管理します。ヘッダー:header.phpコンテンツ部分:content.phpサイドバー:sidebar.phpフッター:footer.php以下は、テンプレートパーツによる分割の概念図です。以下は、テンプレートパーツの読み込みの概念図です。以下のテンプレートパーツに分割してみます。言う名前のファイルにコピーして不要な部分を削除します。以下がそれぞれのテンプレートパーツです。切り出したテンプレートパーツをインクルードタグを使って読み込みます。言うタグを使って読み込みます。これらのインクルードタグの詳細は「テンプレートの読み込みを行う関数」を参照ください。省略は省略することができます。この時点でのテーマフォルダは以下のようになっています。テーマを表示して問題がなければ完了です。