dDtea Databank 911 | MAYA, Aftereffects, Final Cut Pro,Photoshop, Illustrator, Flashなど私的FAQ虎の巻

■得た知識をネット環境があればどこからでも見れるように個人的備忘録BLOG
■超絶テクでも,くだらんもんでもなんでも自分の為に貯めていく方針
■基本的にテクニック、ショートカット、フィルターのレシピなどなど
■守備範囲はMAYA, Aftereffects, Final Cut Pro,Photoshop, Illustrator, Flashなどなど
★ここに書いてあることを実行して不具合やトラブルが発生しても一切責任負いかねます
<< 【WordPress】記事ごとのクラス定義に便利な post_class() | main | 【WordPress】テーマを作る その2 - 準備 >>

【WordPress】テーマを作る その1 - テーマの構造

 WordPressのテーマを作る。巷に売っている解説本って大雑把で実際細かい疑問点を解説に至らない。WordPressの情報って英語が殆ど。日本語に訳されてるのも直訳くさくて読みづらいし意味が分からない。それなら自分でがんばって調べながらまとめて行こうと思いこの記事を執筆することにしました。

 さて、テーマを作ろうにも何から始めればいいか?まずはテーマのファイル構造を理解、そしてどんなデザインにも対応できるような大元となる素体というかスケルトン的なテーマを作るのが目標です。
(ここではXHTMLのマークアップやCSSでレイアウトなどは取り扱いません。その手の日本語の良書は数多く出回ってるし、というかその部分はまた別の記事で取り扱うカモです。。。)

テーマのファイル構造

 まず、テーマの編集を見ると(デフォルトのテーマ)ずらっと色々なファイルがあります
index.php, single.php, comments.php, functions.php…などなど
ただ闇雲にファイル名をつけているのではなくテンプレートにはファイル名の付け方に一定のルールがあり、WordPressは特定のページを表示するとき、決められたファイル名のテンプレートがテーマに存在するか否かチェックします。そして、その中で優先順位に基づきページが表示されるというわけです。

  • メインインデックス(index.php)
    • ホームページ(home.php)
    • 単一記事の投稿(single.php)
      • 添付ファイル用(attachment.php)
    • ページ(page.php)
      • リンクページ(links.php)
      • アーカイブインデックス(archives.php)
    • アーカイブ(archive.php)
      • カテゴリアーカイブ(category.php)
        • カテゴリID別(category-[ID].php)
      • タグアーカイブ(tag.php)
        • タグ別(tag-[tagslug].php)
      • 投稿者アーカイブ(author.php)
      • 日付・時間アーカイブ(date.php)
    • 検索結果(serch.php)
    • 404 Not Found(404.php)
  • ヘッダー(header.php)
  • サイドバー(sidebar.php)
  • フッター(footer.php)
  • コメント(comments.php)
  • ポップアップコメント(comments-popup.php)
  • テーマのための関数(functions.php)
  • スタイルシート(style.css)
    • プリント用CSS(print.css)
  • テーマのスクリーンショット(screenshot.png)

このような構造になっており階層下位のファイルがないと上位層のファイルが適用されます。なので最低限

  • メインインデックス(index.php)
  • スタイルシート(style.css)
  • テーマのスクリーンショット(screenshot.png)

があれば成り立ちますが、

  • メインインデックス(index.php)→トップページ
  • 単一記事の投稿(single.php)→エントリーごとのページ
  • アーカイブ(archive.php)→月ごとのページ
  • カテゴリアーカイブ(category.php)→カテゴリごとのページ
  • タグアーカイブ(tag.php)→タグごとのページ
  • ページ(page.php)→ウェブページ
  • 404 Not Found(404.php)→該当ページが無いエラーページ
  • 検索結果(serch.php)
  • ヘッダー (header.php) →各ページ共通のヘッダー
  • フッター (footer.php) →各ページ共通のフッター
  • サイドバー (sidebar.php) →各ページ共通のサイドパーツ
  • コメント (comments.php) →コメント部分
  • スタイルシート(style.css)→各ページのデザイン
  • テーマのスクリーンショット(screenshot.png)→テーマ選択画面のサムネイル
を制作していきます
ウィジェットなど使うには「テーマのための関数(functions.php)」が必要になりますが
まだPHPの知識が無いのでおいおい紐解いていき自作できたときにはここで記事にしていきたいと思います
| WordPress | 10:31 | comments(0) | - |
スポンサード リンク
コメント
コメントする









CATEGORIES
PROFILE
つくった曲
LINKS
RECENT COMMENT
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    マルボロン (11/21)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    マルディーニ (11/17)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    ひでき (10/08)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    すの (10/07)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    消費税 (05/18)
  • メトロノームが鳴らない【Cubase AI 5】
    dice(管理人) (05/02)
  • メトロノームが鳴らない【Cubase AI 5】
    まるお (04/27)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    chome (02/05)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    ねこ丸 (01/08)
  • 【Windows7】OSがインストールできない!(MBRパーティション)
    イワキ (12/25)
RECOMMEND
カラー図解!AUTODESK MAYAビジュアルリファレンス
カラー図解!AUTODESK MAYAビジュアルリファレンス (JUGEMレビュー »)

最近のMAYA本は日本語インターフェースで嫌悪感に付きまとわれる。古くからのMAYAユーザーにとって座右の書となる謳い文句どおり最強のリファレンス
個人的にはダイナミクス部分をもっと細かく取り扱ってほしかったが良い本です
RECOMMEND
Webデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS)
Webデザイン プロフェッショナルワークフロー・バイブル (Web Designing BOOKS) (JUGEMレビュー »)
Andy Clarke
内容・構成共にセンスの良い本。初心者向きではないが一段上のテクニック・知識を得るにはすばらしい本。日本の著者が書かないなかなか尖がった内容で楽しめます。超おすすめ!
RECOMMEND
「残業ゼロ」の仕事力
「残業ゼロ」の仕事力 (JUGEMレビュー »)
吉越 浩一郎
クリエイティブ業界全員読むべき
・ヘタレなクライアントにも読んでほしい
・朝遅く出社して夜中タクシーで帰る業界面した奴よ読みなさい
RECOMMEND
レバレッジ勉強法
レバレッジ勉強法 (JUGEMレビュー »)
本田直之
クリエイティブワークにビジネス書籍が無縁と思ってはいけない
最先端の技術を使って創作活動する私たちは常に勉強する必要がある
そして年収アップを考えるのであれば周りより努力しないといけない
その努力を如何に効率よく効果をあげるかが学べるオススメ本
RECOMMEND
ノンデザイナーズ・デザインブック Second Edition
ノンデザイナーズ・デザインブック Second Edition (JUGEMレビュー »)
ロビン・ウィリアムズ
これは改訂版で見たこと無いが改定前の青い本はなかなかの良書
主にタイポグラフィーではあるがデザインの原則が学べる超おススメ本
眠くなるががんばってここにある4つの原則を読んでほしい。体得するとプロかアマか位の差が出るね!
映像屋とか3D野郎とかの人、俺には役たたないと思わず読みなさい!映像にも応用ができます。
RECOMMEND
配色アイデア見本帳 (MdN design basics)
配色アイデア見本帳 (MdN design basics) (JUGEMレビュー »)
石田 恭嗣
サンプルが多く、眺めているだけでも楽しく、配色のインスピレーションが降臨する
RECOMMEND
7日間でマスターする配色基礎講座 (Design beginner series)
7日間でマスターする配色基礎講座 (Design beginner series) (JUGEMレビュー »)

色使いはセンスと思いきや!?
配色を勉強すれば問題ありません
センスある日とは無意識にこのルールに従っているだけなのです
配色の理論をわかりやすく学べる良書
RECOMMEND
 (JUGEMレビュー »)

映像のマンスリーDVDマガジン
世界最先端のモーション・エフェクツを使用した企業CM からショートフィルムを多数収録
RECOMMEND
 (JUGEMレビュー »)

Photoshopの操作技術本ではなく
純粋にPhotoshopを道具として如何に写真をよりよく見せるよう加工する?
なかなか興味深く、実用的で硬派な本です
RECOMMEND
BRYCE World Studio
BRYCE World Studio (JUGEMレビュー »)
大沢 ツトム, 大河原 浩一
古いバージョンはフリーで使える景観作成アプリ。解説本は良さげなのはこれくらいしかない。説明書がわりに一冊どうぞ!
Twitter
ARCHIVES
SELECTED ENTRIES
モバイル
qrcode