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のカスタム投稿タイプで、ディスクリプションを記事ごとに変更する方法

カスタム投稿タイプで用語集のサイトを作成した際、 記事ごとにタイトルだけでなく、 デ

記事を読む

Wordpress

カスタムフィールドに設定したものを表示させる方法

完全なるメモです。 カスタムフィールドにいれた情報を表示させたい時のコード。

記事を読む

Wordpress

[WordPress]非推奨のquery_postsじゃなくて、get_posts()で投稿一覧をアイキャッチ付きで表示させる方法

タイトルのとおりです。 query_postsはあまり使わないほうがいいみたいなので

記事を読む

Wordpress

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

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

記事を読む

jQuery

WordPressでjQueryを導入する際のスクリプト書き方。どうしても動かない時は、多分これが原因。

今更に違いないですが.. wordpressでスクリプトのコードを書くときは

記事を読む

Wordpress

[WordPress]タグアーカイブページ投稿一覧から、固定ページを除外する方法

私の使っているテーマだけなのか、 タグアーカイブページに固定ページも表示されてしまうの

記事を読む

Wordpress

[WordPress]カスタムフィールドに設定したカテゴリの投稿一覧を固定ページに表示させたい時。

固定ページに投稿一覧を表示させたい。 カテゴリナIDをカスタムフィールドに登録して、

記事を読む

Wordpress

覚えておきたいWordPressのリセットまとめ

get_postsに対してのリセットに少々手間取っていたら、これで一発でした(苦笑)。

記事を読む

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 ↑