2009/01 20
このブログ、トップページはエントリーの抜粋だけにしているので、何となく寂しい。なぜでしょう?そうか、写真がないからだ!ということで、トップページのエントリー毎にサムネイルを表示してみました。
1.カスタムフィールド
参考にしたのはこちら。ご紹介ありがとうございます。
■カスタムフィールドを使用して投稿のサムネイルを表示する – わーどぷれすっ!
どうやらエントリー毎にメタ情報として、「カスタムフィールド」というのが追加出来るようです。ダッシュボードの編集ページを見てみると、確かにありますね。エントリー別につけられる変数だと思えばいいようです。
![]()
↑これ。既にpvc_viewsなるフィールドがあります。恐らくWordPress.com Statsプラグインで、統計情報をとってるので、それがつけてるんでしょうね。
ここに、サムネイルURLのフィールド”image_thumb”を追加して、index.phpで取り出せばいいというわけですな。
2.index.phpを修正
index.phpに、こんなコードがあるはずです。the_content()はエントリー全文を取り出す関数です。
<?php the_content(__('Continue reading', 'vicuna')); ?>
これを、こんな風に変えます。
<?php
$values = get_post_custom_values("image_thumb");
$imgSrc = $values[0];
?>
<?php if ($imgSrc != '') : ?>
<p>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img align="left" width="100px" src="<?php echo $imgSrc; ?>" alt="<?php the_title(); ?>" />
</a>
</p>
<?php endif; ?>
<?php the_excerpt(); ?>
image_thumbというカスタムフィールドを取り出して、$imgSrcに入れます。URLが指定されていれば、エントリーへの固定リンク付きで画像を表示。幅は100px固定にして文章を左に回り込ませます。そして、the_excerpt()で、抜粋のみを表示するようにする。
これで出来上がりです。
3.まとめ
ちょっとサムネイルのURLを指定する手間が増えましたが、エントリー中の写真URLを指定するだけだけで済むし、何よりトップページが賑やかなのはいいですよね。
カスタムフィールド、何やら便利に使える予感がするぞ。他にも何かやってみようっと。
こんにちは、Takamorryです。
1971年福井生まれ福井育ち。1996年に共同で独立し、日本中転々としながらシステム開発しているSEマネージャ。趣味はドラム、カヌー、カメラ、山登り、ゴルフ、ガンダム...続きを見る







1月 18th, 2009 at 23:46
WordPressのトップページにエントリーのサムネイルを表示した – http://takamorry.com/article...
1月 19th, 2009 at 00:25
WordPressのトップページにエントリーのサムネイルを表示した http://takamorry.com/article...
2月 16th, 2009 at 15:55
WordPressのトップページにエントリーのサムネイルを表示した – 本質思考道場 – http://takamorry.com/article...
2月 16th, 2009 at 15:55
[from 7438] WordPressのトップページにエントリーのサムネイルを表示した – 本質思考道場 – http://takamorry.com/article...
2月 16th, 2009 at 15:55
カスタムフィールド+サイズ決め打ち。プラグインを使わない方法。
2月 16th, 2009 at 15:55
カスタムフィールド+サイズ決め打ち。プラグインを使わない方法。
4月 17th, 2009 at 22:03
WordPressのトップページにエントリーのサムネイルを表示した – 本質思考道場 – http://takamorry.com/article...
4月 17th, 2009 at 22:03
テーマカスタマイズの参考に
4月 28th, 2009 at 13:49
[...] 一部の表示ですっきりさせたいなと思って検索してみたところ WordPressのトップページにエントリーのサムネイルを表示したの記事を見つけました。こういうのがやりたかったんです。あ [...]
6月 28th, 2009 at 14:14
[...] WordPressのトップページにエントリーのサムネイルを表示した 3576views,1comments [...]
5月 22nd, 2010 at 06:49
[...] 画像URLを管理しているため、これを活用。カスタムフィールドの使い方は下の記事を参考にしてください。 ■WordPressのトップページにエントリーのサムネイルを表示した | 本質思考道場 [...]