ステップ2:仕組みを理解する
さて、これでテーマからすべてのスタイルを剥ぎ取って、手元にはコンテンツだけが残ったわけだ。だが実際はこれはまったくの事実ではなく、テーマには基本的なレイアウト構造の要素が含まれている。今のテーマを見てみればこのサイトにも次の構造が残っていることが理解できるだろう:
- タイトル
- 投稿、抜粋とコメント
- サイドバー
- フッター
この構造はこのテーマディレクトの残りのファイルのよって決められている。すべての出発点はindex.phpで、このファイルは WordPress がページを表示するとき毎回実施される。
上のようにこれを4つの基本的なセクションに分けてみた。post(投稿)の詳細をとりあえず無視してみると、こらは単純なデザインだ。<?php … ?>に注目してほしいのだが、これはPHPの関数だ。ユーザがこのページを見に来ると、ウェブサーバ上のPHPインタープリタがこのタグの間にあるものすべてをコンパイルする。ユーザが目にするのはコードからコンパイルされた出力のみで、このPHPコードを目にすることは決してない。
コードを参照して、まず1,3、4をみてみよう。2は後日に見ることにする。
get_header ()–header.phpを読み込むget_sidebar ()–sidebar.phpを読み込むget_footer ()–footer.phpを読み込む
これらの関数は名前の示すとおりであり、サイトのデザインを小さな部品に分けることができるようになっている。これによって他の複雑な箇所にかかわり無く、適切な箇所にのみ専念することができる。実際のところ、必ずしもこれに従わなくてはならないわけではなく、すべてのコードをindex.phpに入れることもできるのだが、良い手段なのでここではこれに従っていこう。
コメント/トラックバック5個 ↓
1 UrbanGiraffe » Japanese translation // 2005年 5月 11日 @ 5:07 AM
[...] Japanese translation of part one of the WordPress theme dissection, written by Tai over at Tekapo. Nice work Tai, and thanks for the translation! Leave a Reply [...]
2 Standing Tall // 2005年 10月 28日 @ 4:20 PM
WordPress テーマの詳説:第二章
「Dissection of a WordPress theme: Part 2」の訳「WordPress テーマの詳説:第二章」がやっと終了。
この章では第一章の修正から入って、CSSのちょっとした解説やら各ブラウザーへの対応やらで個…
3 WordPress導入レポ・テーマ | 12-09.net // 2008年 4月 24日 @ 4:15 PM
[...] WordPress テーマの詳説:第一章 [...]
4 テーマ作成、修正の参考和訳ページ | setting_web // 2008年 5月 28日 @ 11:14 AM
[...] http://tekapo.com/st/2005/05/08/themeguide1/ [...]
5 がじゅまろの樹» ブログアーカイブ » 必須情報は忘れるためにある // 2008年 6月 22日 @ 11:24 AM
[...] http://tekapo.com/st/2005/05/08/themeguide1/ [...]
コメントをドウゾ!