WordPress テーマの詳説：第一章

2005 年 5 月 8 日
投稿者: tai

ステップ２：仕組みを理解する

さて、これでテーマからすべてのスタイルを剥ぎ取って、手元にはコンテンツだけが残ったわけだ。だが実際はこれはまったくの事実ではなく、テーマには基本的なレイアウト構造の要素が含まれている。今のテーマを見てみればこのサイトにも次の構造が残っていることが理解できるだろう：

タイトル
投稿、抜粋とコメント
サイドバー
フッター

この構造はこのテーマディレクトの残りのファイルのよって決められている。すべての出発点はindex.phpで、このファイルは WordPress がページを表示するとき毎回実施される。

上のようにこれを4つの基本的なセクションに分けてみた。post(投稿)の詳細をとりあえず無視してみると、こらは単純なデザインだ。<?php … ?>に注目してほしいのだが、これはPHPの関数だ。ユーザがこのページを見に来ると、ウェブサーバ上のPHPインタープリタがこのタグの間にあるものすべてをコンパイルする。ユーザが目にするのはコードからコンパイルされた出力のみで、このPHPコードを目にすることは決してない。

コードを参照して、まず１，３、４をみてみよう。２は後日に見ることにする。

get_header () – header.phpを読み込む
get_sidebar () – sidebar.phpを読み込む
get_footer () – footer.phpを読み込む

これらの関数は名前の示すとおりであり、サイトのデザインを小さな部品に分けることができるようになっている。これによって他の複雑な箇所にかかわり無く、適切な箇所にのみ専念することができる。実際のところ、必ずしもこれに従わなくてはならないわけではなく、すべてのコードをindex.phpに入れることもできるのだが、良い手段なのでここではこれに従っていこう。

ページ: 1 2 3 4 5 6 7 8

タグ: 7 件のコメント

7 responses so far ↓

1 UrbanGiraffe » Japanese translation 5月 11, 2005 at 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 10月 28, 2005 at 4:20 PM

WordPress テーマの詳説：第二章

「Dissection of a WordPress theme: Part 2」の訳「WordPress テーマの詳説：第二章」がやっと終了。
この章では第一章の修正から入って、CSSのちょっとした解説やら各ブラウザーへの対応やらで個…
3 WordPress導入レポ・テーマ | 12-09.net 4月 24, 2008 at 4:15 PM

[...] WordPress テーマの詳説：第一章 [...]
4 テーマ作成、修正の参考和訳ページ | setting_web 5月 28, 2008 at 11:14 AM

[...] http://tekapo.com/st/2005/05/08/themeguide1/ [...]
5 がじゅまろの樹» ブログアーカイブ » 必須情報は忘れるためにある 6月 22, 2008 at 11:24 AM

[...] http://tekapo.com/st/2005/05/08/themeguide1/ [...]
6 WordPressのオリジナルテンプレートを自作するのに役立つページ。 – 空が好きな人のメモ帳 1月 30, 2009 at 10:59 AM

[...] ーズに行くと思いますが、私は読みながら作業をしました。また、海外の分かりやすい解説の和訳も以下にあります。これをもっと以前に見つけたかった。 WordPress テーマの詳説：第一章 [...]
7 WordPressのテーマ « Logs 2月 11, 2009 at 6:36 PM

[...] WordPress テーマの詳説 (原文: Dissection of a WordPress theme) [...]

Standing Tall

あれとかこれとか