ブログ

かなり今更な感じがする、この記事タイトル。
実は「altとtitleに記事のタイトルを挿入」部分が有益だったりします。

現在、様々なサイトで関連記事プラグイン「YARPP」を使って、サムネイル画像を表示する方法が紹介されています。
ただ、その多くはサムネイル画像にマウスオーバーすると、その画像のファイル名がポップアップ表示されてしまいます。
それを防ぐために、サムネイル画像のaltとtitleにその記事のタイトルを挿入します。

<?php if (have_posts()):?>
<ul>
<?php while (have_posts()) : the_post(); ?>
<?php if (has_post_thumbnail()):?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php
$title= get_the_title();
the_post_thumbnail(array( 130,130 ),
array( 'alt' =>$title, 'title' => $title)); ?><br><?php the_title(); ?></a></li>
<?php endif; ?>
<?php endwhile; ?>
<div style="clear:both;height:1px;"></div>
</ul>
<?php else: ?>
<?php endif; ?>

※「130,130」はサムネイル画像の表示サイズです。
※「array( ‘alt’ =>$title, ‘title’ => $title)」でaltとtitleに記事のタイトルを挿入しています。