WordPress3.0の実験とまとめと備忘録

2010/08/14 (19:08 pm 土)
テーマ作成時の基本構造

WordPressのテーマを作成するための基本ファイル構造。
とりあえずデフォルトのテーマと公式ドキュメントを見つつやればOKかと。

テーマの基本ファイル構造

  1. まず wp-content/theme/ 内に適当なフォルダを作成。テーマ関連ファイルは全てここに入れます。
  2. 公式ドキュメントにあるように、

    この2ファイルを用意。

  3. style.css もこれまた公式ドキュメントに従い、規定のコメントを書いて保存。デフォルトテーマには「@charset “utf-8″;」もあったので、ついでに入れてもいいと思う。
  4. index.php もデフォルトテーマをパクってもOKでしょうが、シンプルなコードにしておけば今後、構造が理解しやすいかと。※サンプルコードは後述。
  5. 気が向けば「screenshot.png」でも作って、テーマのサムネイルを作っても楽しいでしょう。サイズは 300×225px で。
  6. 以上 2（または3）ファイルを手順1で作ったフォルダに入れると、テーマに表示されます。

続いて確実にやるであろう作業は、テーマファイルの分割（ドキュメントにある「通常、分割に用いる基本的なファイルは…」のくだり）かと。トライ＆エラーでガシガシいじりましょう。

index.php のサンプルHTMLソース

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”ja” lang=”ja”>
<head>
<title><?php bloginfo(‘name’);?></title>
</head>
<body>
<h1><?php bloginfo(‘name’);?></h1>
<p><?php bloginfo(‘description’);?></p>
</body>
</html>

コメントをどうぞ