04月22日
Wordpressでページ内に記事一覧サムネイル
久しぶりのWordpressネタです。
次のVer.3からはマルチブログにも対応するなど、このところ進み具合が半端無い感じのWPですが（アップグレードでコケるところ多そうだなぁ…）。
ページ内で記事の一覧とそのサムネイル画像を表示させたい、という要求は往々にしてあると思うのですが、それをなんとか使用者にも使いやすい形で実装できないものか…と。
最初に考えたのはカスタムフィールドを使用して、アップロードしたファイルのURLを入れてもらう。。。は手間が増えるし、おそらくイマイチ分かりにくい操作だなぁ。。。と。
記事内の最初に出てくる画像を正規表現で取得して…矩形のサムネイルだと良いけど、中・大の画像サイズとファイル名が不明…
Ver 2.9から実装されているthe_post_thumbnail()はなにも表示されない…
ということで実装したのがこちら、
-
$posts = get_posts('numberposts=5&category=3');
-
foreach($posts as $post) {
-
setup_postdata($post);
-
-
$dat = get_posts('post_type=attachment&orderby=menu_order&order=ASC&numberposts=1&post_parent='.get_the_ID());
-
$image = wp_get_attachment_image_src($dat[0]->ID);
-
$desc = '<img src="'.$image[0].'" width="'.$image[1].'" height="'.$image[2].'" alt="" />';
-
}
-
-
// 記事出力
-
echo $desc;
-
}
get_posts()にパラメータ「post_type=attachment」を指定すると、「post_parent」に与えた記事IDに紐付いているデータを取得できます。その他のパラメータは並び順の先頭にある1件のみを取得する指定です。ギャラリーダイアログで1番上に指定している物を取得する仕様にしました。
配列にはそれぞれファイルURL・幅・高さが入っています。
お客さんにはサムネイルに表示したい画像をアップロード、1番上に移動してもらうだけ。記事内にその画像を表示させたくなければ挿入しなければ良いだけで、ギャラリーの1番上にある画像が自動的に表示されるのは分かりやすいかな？と（サムネイルは表示させたくないけど、記事中に何か画像を表示したい、という希望には添えませんが…orz）。
次のネタは「ページ内で記事を表示させたい。そしてページングも表示させたい」です。ネタは小出しでｗ