WordPressのプラグイン『Yet Another Related Posts Plugin』のカスタマイズ

公開日: : Wordpress

Wordpress

関連記事を表示してくれる
便利なWordpressのプラグイン
Yet Another Related Posts Plugin』。

そのままだとデザイン的にイマイチだったのでカスタマイズ。
既にあるデザインをいじってもいいのですが、
なんか難しかったので、
ぜーんぶカスタマイズ。

以下参考にさせてもらいました。


参考サイトと違う点は、
私はタイトルを省略したくなかったので
全て表示するようにしています。

反映の仕方は、以下をコピペしたテキストを
『yarpp-template-related.php』のような名前で保存。

<?php
/*
YARPP Template: Related
*/ ?>

<div class="related">
<h3>Related Posts</h3>
<?php if ($related_query->have_posts()):?><?php while ($related_query->have_posts()) : $related_query->the_post(); ?>
<div class="Rentry clearfix">
<div class="Rimg">
<a href="<?php the_permalink();?>" class="thumbnail">
<?php
if (has_post_thumbnail()) {
the_post_thumbnail(array(130,98));
} else {
?>
<img src="<?php bloginfo(‘template_url’); ?>/images/no-image.jpg">
<?php } ?></a></div><!-- //SRimg -->

<div class="Rtitle">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
</div><!-- //Rtitle -->
</div><!-- //Rentry -->
<?php endwhile; ?>
<?php else: ?>
<p>関連記事はありません。</p>
<?php endif; ?>
</div>


それをFTPでアップロードさせるだけ。
ここで注意したいのが、
アップロード先は「ドメイン/themes/使用しているテーマ」のところ。
つまり、使用しているテーマのindex.phpが入っているところにアップします。

そうするとYet Another Related Posts Pluginの設定画面の
表示設定の項目のカスタムのところに
プルダウンで『Related』というファイル名が出てくると思います。

それを選択して保存。

これだけで、あとはCSSをいじればOK。

ad

関連記事

Wordpress

WordPressで新着記事に日数を指定して『New!』マークを表示させる

Wordpressで新着記事に 『New!』のマークを表示させる方法。 日数を指

記事を読む

jQuery

WordPress&bootstrapでもスムーズでした、横並びの要素の高さを揃えるjQueryプラグイン『matchHeight』

私が運営するメインサイトは、 bootstrapをWordpressで使用しているので

記事を読む

Wordpress

WordPressのカスタム投稿タイプ記事一覧ページで最新の投稿だけ表示内容やCSSを変える方法

カスタム投稿タイプの記事一覧ページで、 最新投稿記事のみ表示の方法を変えたかったので

記事を読む

Wordpress

[WordPress]サイドを追尾させるプラグイン『Standard Widget Extensions』が簡単でかなり使いやすい。

以前プラグインを使わず、 サイドバーを有効活用する一番いい方法として、 サイドを活用させ

記事を読む

Wordpress

超簡単!Twitterのようにページの最下部まできたら自動的にコンテンツを表示するWordPressのプラグイン『jQuery.autopager』

TwitterやFacebookみたいに、 ページの末端、フッターあたりまできたら

記事を読む

Wordpress

WordPressのカスタム投稿タイプで記事一覧を表示させる

カスタム投稿タイプの記事一覧を表示したい時のコードをメモ。 サムネイル付きで。

記事を読む

Wordpress

人気記事のプラグイン『WordPress popular posts』でカテゴリを指定して、カスタマイズ。

カテゴリーアーカイブページで、 そのカテゴリーナンバーを指定して一覧表示させたかったので

記事を読む

RSS

RSSフィードをサイト内に表示サムネイル付きで表示させる時。表示されない時の注意点も。

外部サイトの更新を自分のサイト内に サムネイル付きで表示させたい時。 ちょっとつ

記事を読む

Wordpress

WordPressのカスタム投稿タイプで記事と同一タクソノミーの記事一覧をサムネイル付きで表示する

何だかタイトルでは、長いのでわかりにくいのですが、 要はカスタム投稿タイプを使って書い

記事を読む

Wordpress

[WordPress]一覧ページに記事の中の一番最初にある画像を表示させたいとき

タイトル通り、投稿一覧ページなどで サムネイル写真を表示させたいとき、 投稿記事中の一番

記事を読む

ad

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

PAGE TOP ↑