WordPressテーマ開発は最初がめんどくさい。。
誰に習うわけでもなく、HTMLやらCSSやらを独学で学んできた身としては、新しい言語はこれまた覚えるのが大変なもんです。
ブログ初回の投稿になりますが、WordPressのテーマ開発を取り上げたいと思います。まずWordPreeのテーマとは何だ?ってところから理解しないいけませんが、簡単にいうと「デザイン」を作るということですね!なので、最初は普通のHTMLコーディング。完成後にWordPressのコードに置き換えていきます。
この作業がめんどくさい。。。と思ってしまうのです。HTMLでコーディングをした後、書き換えないといけませんからね。ここ、分業にしても良いかもって思うところです!!
と、まぁそんなこと言ってもやらねばならないので、WordPressの基本ファイルはこちら。
※個人独学なので基本がずれているかもしれませんが、その時はすみません。
基本テンプレートファイル一覧
| index.php | すべてのテンプレートの中で最も基本的なファイルです。 |
|---|---|
| header.php | meta要素やheader要素を格納 |
| footer.php | footer要素を格納 |
| front-page.php | トップページ専用ファイル |
| archive.php | 一覧ページ(ブログを想像してください) |
| single.php | 記事ページ(ブログを想像してください) |
| page.php | 固定ページ専用ファイル |
| sidebar.php | ウィジェットや追加のナビゲーションなどが含まれる ファイル |
| functions.php | 設定などの関数を記述するファイル |
| style.css | テーマのバージョンなどを記述 |
| screenshot.png | テーマのサムネイル(1200*900) |
以上のファイルがあれば最低限テーマ開発は可能になります。
スラッグに対してテンプレートファイルを割り与えることも可能です。archive-xxx.phpのxxxの部分にスラッグ名にする必要があります。
例:slug名がnewsの場合archive-news.phpになります。archive.php、single.php、page.phpそれぞれで-xxxを使用することが可能です。
その他テンプレートファイル一覧
| sidebar.php | ウィジェットや追加のナビゲーションなどが含まれるファイル |
|---|---|
| search.php | 検索結果ページ |
| 404.php | 404エラー(ページが見つからない)の際に表示されるページ |
| category.php | 特定のカテゴリーページ用 |
| tag.php | 特定のタグページ用 |
| author.php | 著者アーカイブページ用 |
| date.php | 日付別アーカイブページ用 |
| attachment.php | 添付ファイルページ用 |
上記のテンプレートファイルがない場合は他のテンプレートファイルを参照が参照されます。
ブログサイト、コーポレートサイト、ショッピングサイトさまざまなものに使うことができるので、まずは役割を覚えておくことが重要です。WordPressの大枠がつかめれば、あとはひたすらプログラムを挿入していくだけ!(そんな簡単ではないですが、、、)