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 popular posts』でカテゴリを指定して、カスタマイズ。

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

記事を読む

RSS

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

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

記事を読む

Wordpress

カスタムフィールドの値で投稿や固定ページを一覧表示する!

タイトル通り、特定のカスタムフィールドがある固定ページを 一覧表示させたかったのですが

記事を読む

Wordpress

WordPressの固定ページでパンくずリストを表示させる

固定ページで HOME > 親ページ > 現在のページ(子ページ)としたい場合。

記事を読む

Wordpress

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

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

記事を読む

Wordpress

[WordPress]サムネイル(アイキャッチ)画像の幅と高さを指定せずに一覧表示させる方法

Wordpressでレスポンシブサイトを作成する時に ネックとなるのがサムネイル(アイ

記事を読む

JetPack

Twitterへの自動投稿プラグインはこれに決定。WordTwit から『JetPack』へ

ワードプレスで記事を投稿したら、 自動的にTwitterへも投稿したい!というただその思いで 今

記事を読む

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 ↑