ブログを書いていると古い記事は埋もれてしまい読む機会がありませんし書いたことすら忘れてしまいます
そんな古い記事を関連記事リストとして記事下に表示させる方法です
・・・と大袈裟に言うほどの事ではなくFC2ブログには昨年から装備されていたようで最近知っただけです

FC2総合インフォメーション 【ブログ】「関連記事リスト」を追加しました! - 2010/08/29
さっそく記事下に貼り付けてみたのがコチラ

関連記事の未完成形

キチンと記事下とgoogle広告の間に入っているがチョット気に入らない・・・。
殺風景なので関連記事の見出しを目立たせたいと感じます。。。

最終的にはこんな感じになりました

関連記事の完成形

記事と関連記事に境界線が引けた感じになりました
ランダム表示を選択しているので同じ記事でも関連記事リストには違うものが表示されていてgood♪



設置方法&修正した方法はFC2ブログにログインして[環境設定][ブログの設定][記事の設定]と進みます

FC2ブログ関連記事
ここで〔個別ページの記事下〕ではなく〔テンプレート変数のみ〕を選択しました

あとは記事上だろうが記事下だろうが好きな場所に次のコードを入れてるだけ

<!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt">関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a></li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li_nolink"><%topentry_relate_title></li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->


〔関連記事〕のところは下線でも太線でも好きなように加工すれば良いのですが自分は<h4>関連記事</h4>と囲っています
今回のブログカスタムはこちらの記事を参考にさせていただきました

記事下に同じカテゴリの記事を表示する関連記事リスト機能を実装 - Paroday

記事タイトルの横に年や月日を入れる方法も掲載されている良記事です

スポンサーリンク

関連コンテンツ