Category: 計算機

WordPressにはふつうのブログの記事「Post」と、それ以外に「Page」という記事の投稿方法があります。ポストは通常の
ブログの記事のように時系列にそって書き足していくようなものに向いているのに対し、ページは比較的静的な内容のものを書くのに
向いていると言われています(参考文献[1])。
サイトの内容をすべて「ポスト」で書いて、カテゴリーやタグを利用して分類する手もありますが、
今回のテストサイトでは、ニュース記事を「ポスト」で、通常のコンテンツを「ページ」で構築してみました。

ぺージには階層構造を持たせることができ、ページの下にサブページを作成することができます。そして、「ページ」はテンプレートタグ(参考文献[2])を使っていろいろな方法で表示できますが、サブページの取り扱いが十分とはいえないので、多少工夫する必要があります。

まず、親ページの一覧の取り方ですが、参考文献[4]にあるように

<?php wp_list_pages('title_li=&depth=1'); ?>

とすれば<li>で囲まれたアイテムとしてページの一覧がリンクつきで出力されます。問題はサブページです。ページが2階層のとき、現在表示しているページが親ならば自分の子供たちを、現在表示しているページが子供ならば兄弟たちを表示したいのですが、そのようなタグがないので、以下のようにします。

<?php 
if (is_page() && $post->post_parent ) { //サブページのとき
   $parent=$post->post_parent;
} else { //トップページのとき
   $parent=$post->ID;
}
$ul_top_title = get_the_title($parent);
$ul_top_url = get_permalink($parent);
if(wp_list_pages("title_li=&child_of=$parent&echo=0" )):
?>
<div id="sidebar">
<ul>
<li id="sidebartop"><a href="<?php echo $ul_top_url; ?>"> <?php echo $ul_top_title; ?> </a> </li>
<?php 
$children = wp_list_pages('title_li=&sort_column=menu_order&child_of='.$parent.'&echo=0');
echo $children;
?>
</ul>
</div>
<?php endif; ?>

深入りして解説はしませんが、ざっと言うとまずいま表示しているのが親ページか子ページかを判別し、
親ページなら自分自身、子ページなら親のページIDを$parentにセットします。次に、$parentに子ページがあれば
サイドバークラスのdiv要素を挿入して、$parentの子供の一覧を挿入する。子ページがなければ何もいれない。
という感じになっています。詳しくは参考文献[3][4][5][6]あたりを御覧になるといいかも。

これでサンプルサイトで言うと、このような表示が実現できています。

図1. サンプルサイトでの表示

WordPressのいいところはのひとつは、テンプレートにすきなようにPHPのコードをかけるところですね。ってあたりまえ?

参考文献

1. Pages, WordPress Codex
2. テンプレートタグ, WordPress Codex 日本語版
3. Conditional Tags, WordPress Codex
4. WordPressのサブページナビゲーションを動的にする方法, ブログヘラルド, 2007
5. WordPressテーマ（テンプレート）カスタマイズのまとめ（日本語訳）, 2008

WordPressには「ページ」というふつうのブログのポストとは違う記事をかく方法があって、使い方によっては大変便利なのですが、
これがデフォルトではRSSに含まれません。「ページ」だけ、あるいは「ページ」と「ポスト」の両方をつかってサイトを作る場合、
これではこまってしまいますね。そんなときはfeed controlというプラグインをつかうといいですね。

使い方は簡単。

1. feedcontrol_v1-0.zipをダウンロードする。
2. zipファイルの中身を、インストールするWordPressのディレクトリのwp-content/plugins/以下に展開する。
3. WordPressの管理画面の「プラグイン」でfeed controlを「有効」にする。
4. 「設定」の「feed control」でfeed controlの設定をする。特に変更しなくてOK。

図1. 管理→Feed Control

すると…

図2. 「ページ」も含まれたRSS Feed

みごとに「ページ」もRSSに含まれています! って、 この画面では「ポスト」なのか「ページ」なのか、みただけではわかりませんが…ここにみえてるのはぜんぶ「ページ」ですね。

これは大変便利なのでみなさんもお使いになってみてくださいねー!

参考文献

1. Feed Control, slipstream, 2006
2. ページのRSS配信を可能にするプラグイン Feed Control, WordPress Go Go, 2007
3. 早山高校(サンプルサイト)のフィード

わけあって、WordPressをつかってふつうの(ブログでない)サイトを作ってみようとおもい、試しに作ってみました。

図1. サンプルサイト

名前とかはもちろん適当です。1人で2日間ぐらいでできちゃったんですが、「WordPressサイト構築スタイルブック」のサンプルを参考にさせていただいたのでそのはやさでできました。参考ていうか、そのまま? ^^; この本は非常に面白いので、お勧めします。わたしも買いました。

もちろんまるごとおなじではなくて、「ページ」を使ってサイトを構築してるんだけども、サブページの一覧をだすようにしたり、
デフォルトではRSSにはポストだけしか含まないのを「ページ」を含むようにしたり、いろいろ変更してあります。おかげで、
WordPressのバックエンドやテンプレートタグの概要がつかめました。そのへんのTipsも稿を改めて書いておきますね。

参考文献

1. WordPressサイト構築スタイルブック」のサンプル
2. 国立谷山早山高等学校サイト(サンプル)
3. WordPress.org