Standing Tall

あれとかこれとか

Standing Tall header image 2
２００７年７月７日

新しいサイト”わーどぷれすっ！”をオープンしました。

今後はWordPress関連の話題は全部このサイトに投稿していきます。プラグイン一覧もこの新サイトに移しましたので、ドウゾよろしくお願いします。

WordPress テーマの詳説：第一章

2005 年 5 月 8 日
投稿者: tai

まとめ

基本的なレイアウトが定義されてコンテンツは望みどおりの場所に収まった。また、第一章では次のことを学んだ：

  • index.phpはテーマの出発点
  • sidebar.phpはindex.phpによって呼び出され、ID「sidebar」を持つ一つのdiv内に収められたサイドバーのコンテンツを生成する
  • header.phpはindex.phpによって呼び出され、ヘッダー関連のことをいくつか定義している。これはまだ見ていない
  • footer.phpはindex.phpによって呼び出され、ID「footer」を持つ一つのdiv内に収められたフッター要素を生成する
  • style.cssは上記ファイルに定義されている要素をコントロールする

これで少しは WordPress がなにやら理解不能なものではなくなったと思う。これまで施した変更はほんのわずかなものだが、このテーマはすでに見違えるようなものになった。

最後のスタイリング

第一章を終える前に、もう少しだけこのサイトの見栄えをよくしよう。デフォルトのフォントはとても格好悪くて一昔前のウェブサイトを連想させる。次のスタイルを追加することで見栄えをもっとよくすることができる：(訳注：これは欧米文字向けの修正で、日本語には別のフォントやフォントサイズがいいかもしれない）

body
{
  font-size:   13px;
  line-height: 18px;
  font-family: Georgia, "Times New Roman", Times, serif;
  margin:      20px;
}

これはbody要素内のすべて – 基本的にこのページ上で見えるすべて – のスタイルを変更する。２０ピクセルのマージン（margin:20px;）はページ全体の周りに空間を作る。line-heightの変更は行と行の間隔をあけて文章を読みやすくする。これらすべての値は自分の好みに応じて変更することができる。また、このガイドの中でも後ほど変更するかもしれない。(書いてすぐに公開する危険性を証明している）

第一章の終わりに

これで WordPress テーマの詳説：第一章を終わる。第二章はサイドバーに焦点を当て、さらに、もっと魅力的なヘッダーとフッターを追加する。第三章では投稿部分を見て、第四章で残りの詳細を見ていく。ではまた会いましょう!

第二章 – デザインの完成、ヘッダーとフッター

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

タグ: 7 件のコメント

Leave A Comment

7 responses so far ↓