designWeb全般webmasterデザインメモTOPコーディングWordPress【WordPress】オリジナルテーマの作り方WordPressでサイトを構築する際にはテーマが利用されます。WordPressのテーマには予め用意されているものであったり、インターネット上で配布されている様々なテーマをダウンロードして利用することができます。自分でオリジナルのテーマを作成して使うこともできます。ここでは、オリジナルテーマを使用するための基本的な枠組みを用意してみます。テーマの準備テーマを作成するためには、Webページを生成するためのテンプレートファイルが必要になります。最低限必要なファイルは「index.php」と「style.css」で、この2つがあれば動かすことができます。それ以外には、パーツごとにファイルを分けて作っていきます。サイトの構成にもよりますが、大まかには以下のようなファイルを用意します。header.phpfooter.phpsingle.phpsidebar.phpこれらのテンプレートファイル以外にもWordPressの処理に関する設定をするために使用する「functions.php」などが必要な場合には用意します。それぞれのファイルが用意できたら、テーマフォルダを作成して用意したファイルを格納します。テーマフォルダ名は任意でつけてください。テンプレートを設定するそれでは、準備したテンプレートファイルにHTMLを出力するための最低限必要な設定をしていきます。header.phpの設定ここには、ヘッダーに関する内容を記述していきます。?>>1行目はDOCTYPEの宣言になります。日本語サイトの作成を想定していますので言語は「lang=”ja”」を指定しています。WordPressの場合、生成されるページのエンコードは「UTF-8」となるため、エンコードの種類は「UTF-8」を指定します。タイトルには、ページタイトルとサイト名が出力されるように設定します。?>」でサイト名を出力します。?>」のパラメータには、ページタイトルとサイト名を「|」で区切るように設定をしています。?>」と設定してテーマフォルダにあるstyle.cssを出力します。?>」はWordPressのシステムなどを出力するために必要で、決まり文句みたいなもので、「</head>」の直前に記述する必要があります。?>」は、ページを区別するクラス名を挿入するためのものです。footer.phpの設定ここには、フッターに関する内容を記述します。?></body></html>フッターに含める内容はそれぞれですが、とりあえずコピーライトだけ例として記述しておきます。?>」は、ヘッダーで設定した「wp_head」と同様、お決まりの設定で「</body>」の直前に記述します。index.phpとsingle.phpの設定これらのファイルはページを生成する際に使用するテンプレートファイルで、ヘッダーやフッター、サイドバーなどのパーツテンプレートを読み込んで利用します。?>」を読み込んで、header.phpで設定した内容を出力します。?>」を読み込んで、footer.phpで設定した内容を出力します。?>」を読み込むことで、sidebar.phpで設定した内容を出力できます。スタイルシートの設定WordPressで使用するスタイルシートは「style.css」というファイル名で保存する決まりとなっています。スタイルを記述する前に冒頭でテーマに関する情報を記載する必要があります。Name」で必ず記載するようにしてください。エンコードについては、テンプレートファイル同様、WordPressに合わせて「UTF-8」で設定します。ちなみに、スタイルシートに記載できるテーマに関する情報は以下のような項目があります。URIライセンスのアドレスTagsタグこのような感じで、必要最低限のファイルと設定を用意すればオリジナルのテーマを作成することができます。