ブログ

WEB制作に関する技術情報やサンプルコードからエクセルや
パワーポイントのお役立ち情報まで幅広くご紹介しています。

WordPress 関連記事が表示できるプラグインYARPPを使ってサムネイル画像(altとtitleに記事のタイトルを挿入)を表示

かなり今更な感じがする、この記事タイトル。
実は「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に記事のタイトルを挿入しています。

投稿日
2012年11月21日
カテゴリー
WordPress, カスマイズ, プラグイン

コメントを残す

デザイン・ポータルサイト事業デザインオフィス blow→in
〒598-0021 大阪府泉佐野市日根野7001-2
TEL.072-425-7218(代表)
WEB.https://blow-in.net
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
ブランディング・ネットショップ事業かつらぎフルーツ
〒649-7151 和歌山県かつらぎ町東渋田325-4
TEL.0736-26-8277
WEB.https://katsuragi.shop
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
飲食店事業パンケーキカフェ cafeblow
〒598-0021 大阪府泉佐野市日根野3926
TEL.090-5127-9187
WEB.https://cafeblow.com
  • フェイスブックアカウント
  • インスタグラムアカウント
  • ツイッターアカウント
  • line@アカウント