というわけで、導入してみたYet Another Related Posts Plugin。
一番の方に出ているはず。
記事数が多いから大変なことになるんだろうなぁ。
前（Similar Posts）は文字だけだったので気にしなくて良かったんだけど、
サムネイル（というかアイキャッチ）画像を表示したことによって
座標を微調整する必要があって面倒。
しばらくスタイルシートを触っていなかったから苦痛ｗ
対象記事のURL、サムネイル（アイキャッチ）の取得、タイトルの取得ができればOKなので、
- リンクを取得する the_permalink()
- サムネイルを取得する the_post_thumbnail( $dimensions['size'], array( 'data-pin-nopin' => 'true' )
- タイトルを取得する the_title_attribute()
の3つの記載があるyarpp-template-thumbnail.phpをベースとして使用した。
ソースはこんな感じ。
/* Pick Thumbnail */
global $_wp_additional_image_sizes;
if ( isset( $_wp_additional_image_sizes['yarpp-thumbnail'] ) ) {
$dimensions['size'] = 'yarpp-thumbnail';
} else {
$dimensions['size'] = 'medium'; // default
}
?>
<h3>こちらのページも読まれています</h3>
<?php if ( have_posts() ) : ?>
<ul class="rp-base">
<?php
while ( have_posts() ) :
the_post();
?>
<?php if ( has_post_thumbnail() ) : ?>
<li>
<div class="rp-inner">
<a href="<?php the_permalink(); ?>" rel="bookmark norewrite" title="<?php the_title_attribute(); ?>">
<div class="rp-link-thumbnail"><?php the_post_thumbnail( $dimensions['size'], array( 'data-pin-nopin' => 'true' ) ); ?></div>
<div class="rp-link-text"><?php the_title_attribute(); ?></div>
</a>
</div>
</li>
<?php endif; ?>
<?php endwhile; ?>
</ul>
<?php else : ?>
<p>関連ページはありません</p>
<?php endif; ?>
スタイルシートはイケてない構造がバレるので省略ｗ
ひとまずこれでOKかなレベルの物ができたので終了しておく。
気に入らなければ後日直す！
