日々wordpressのカスタマイズを楽しんでいる管理人です。
このブログはwordpress(ワードプレス)のデフォルトテーマ、Twenty eleven(トゥエンティ イレヴン)をカスタマイズして運営しています。
なぜTwenty elevenなのかって?
それは、「なにげなく有効化」したのが、このテーマだったというだけの理由なのです(^^;

さて。せっかく訪問してくれる方に少しでもたくさんの記事を読んでほしい!
ああ、この人は他にこんな記事も書いてるんだ、と一つでも多く目にとめてもらうため、当サイト、Another-Fieldでは「関連記事」を表示させています。

「関連記事」を記事の最後に表示する

1.「YARPP」を「プラグインの新規追加」で検索してインストールする

YARPPは関連記事を表示してくれるプラグインです。wordpressユーザーの利用者がとても多いプラグインらしく。私も利用させてもらっています。

2.外観→テーマ編集→single.phpに下記のソースを追加する

下記のソースをsingle.phpに追加するのですが、どの部分に書けばいいのか私は迷ったので、画像を貼り付けておきますね。

<div class="related">
<?php if(function_exists('related_posts')): ?>
<?php related_posts(); ?>
<?php endif; ?>
</div>
single.phpにソースを追加

single.phpにソースを追加

3.外観→テーマ編集→style.cssに下記のソースを追加する

/*関連記事*/
div.related{
border: solid 1px #dddddd;
}

div.related p{
color:#ffffff;
background-color: #a7d043;
margin:0;
padding-left:10px
}

div.related ol {
font-size: 0.75em
}

※background-color: #a7d043って、こういう緑なんですよ。

関連記事

こんな感じで表示されます

4.設定→関連記事(YRAPP)で設定変更する

YRAPP設定画面

YRAPP設定画面


  1.自動表示のチェックをはずす
  2.関連記事表示を囲むタグを指定する

良かったと思うポイントと注意点

今回の変更をしてよかったと思うポイントは、関連記事のデザインを変更することでサイトに馴染んだこと。
変更する前は、トップページがこんな感じでした。

wordpress関連記事

wordpress関連記事

注意点は、ウィジットの操作がまったく効かなくなり、YRAPPを「停止」してから「有効化」すると元に戻ったこと。

以上です。ご参考までに♪


スポンサードリンク

関連記事

●このブログの運営者


Willkinokoです。大阪在住の会社役員。バツ1、子持ちのアラフォーです。趣味はブログの運営と体を動かすこと。日々、自分の生活に目を向け、感じたことをブログに綴っていきたいと思っています。 詳しく見る

●ブログ検索

ページ上部へ戻る