ブログの記事を見ると、記事の下に関連する記事と表示されていることがあります。たまにサムネイル付で表示されていてどうやったらいいのだろうと思っていたのですが、ちょっと暇だったので初心者のわたしには難しそうだったのですがチャレンジしてみることにしました。
けれども、やっぱり超初心者なのでかなり時間がかかってしまいました。
↓できあがりはこちら

CSSもPHPも、もちろんわからないので記述があっていないと思いますが、自分用のメモとして。
Post Thumbsの導入方法
ブログ記事の画像を一枚だけ取得してサイズを指定し配置できる。記事の中に画像が存在しない場合は、予め用意しておいた画像を表示することができる。
ダウンロード:http://wordpress.org/extend/plugins/post-thumbs/
- 解凍してpluginフォルダへ
- Post Thumbsプラグインを有効にする
- 記事中に画像ががない場合に表示させる画像を用意
- 管理画面の「設定」-「Post Thumbs」にて下記の設定をおこないます。
例)
Domain name:○○.jp
Default image:http://○○.jp/wp-content/uploads/no_image.gif
Full domain name:http://www.○○.com
Base path:/usr/public_html/www.○○.comここで問題になるのがBase path。私の場合はxreaを利用しているので
/virtual/○○/public_html/xn--qckyd1cy29m9ymvg1c23b.jp
と入力しました。サーバーによって違ってくるようなのですが、調べ方は↓を参考に。
参考:http://www.resonation.jp/2007/07/20/ -
<?php echo tb_post_thumb(true);?>
をindex.phpなどに入力して表示されるかどうか確認
Post Thumbsを導入していてつまづいたのが、xreaのセーフモード。Folder nameがデフォルトで.pthumbsになっているのですが、所有者がapacheになってしまうので、一旦削除してフォルダを手動で作成。属性を777へ変更してできました。
YARPPの導入方法
関連記事を表示させるプラグイン。記事、タイトル、カテゴリーなど、どの要素に重点を置くかのカスタマイズも可能。
ダウンロード:http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/
- 解凍してpluginフォルダへ
- YARPPプラグインを有効にする
- インストールが完了したら「/wp-content/plugins/yet-another-related-posts-plugin/yarpp- templates」内の「yarpp-template-example.php」を使用しているテンプレート(テーマ)内のフォルダ直下にコピーする。
- yarpp-template-thumbnail.phpを編集
<?php /* Example template for use with post thumbnails Requires WordPress 2.9 and a theme which supports post thumbnails Author: mitcho (Michael Yoshitaka Erlewine) */ ?> <h3>関連する記事 by:YARPP</h3> <?php if ($related_query->have_posts()):?> <ul style="padding: 0 0;"> <?php while ($related_query->have_posts()) : $related_query->the_post(); ?> <div style="border-bottom: 1px dotted #EEE; padding: 0; margin: 10px 0 10px 0; list-style-type: none;"> <li> <a class="entry-thumbnails-link" style="float:left; margin: 0 10px 10px 0;" href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php echo tb_post_thumb(true); ?></a><br /> <a style="font-size: 14px; font-weight: bold; margin: 0 10px 10px 0; text-decoration: none;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a><!-- (<?php the_score(); ?>)--> <small><?php the_time( __('d F Y', 'arras') ); ?></small> <small><br /> <?php the_excerpt(); ?> </small> <strong><a class="quick-read-more" href="<?php the_permalink() ?>"><?php _e('Read More', 'arras') ?></a></strong></li> <br style="clear:left;"> </div> <?php endwhile; ?> </ul> <?php else: ?> <p>No related photos.</p> <?php endif; ?>
YARPPの設定画面の表示設定 ウェブサイト用でテンプレートを使って表示にチェックを入れ、テンプレートファイルをyarpp-template-thumbnail.phpへ変更。
参考:http://www.arrastheme.com/forums/topic647-136-142-yarpp-template.html
抜粋に改行が自動的に入ってしまうので改行をなくす
wp-includes/default-filters.phpの中の
add_filter(’the_excerpt’, ‘wpautop’);
を
//add_filter(’the_excerpt’, ‘wpautop’);
とコメントアウト
参考:http://kanari.info/b/247.html
これだけやるのに数時間・・・。疲れました(笑)









