\ えぬすぴブログ

 #1225  <<PC>>

FC2ブログ 「関連記事リスト」

もうずっと前、去年の夏のことになりますが、FC2ブログに「関連記事リスト」という機能が付きました。

ブログの設定から関連記事の表示ができるようになります。 同じカテゴリーの記事をリスト表示する機能です。

ただ、一つの記事ごとに関連記事のリンクが付くので、1ページにたくさんの記事がある場合はそれなりの時間がかかってきます。 また、同じようなリンクが多く出てくると、わかりづらくなるような感じもします。

それで、「関連記事リスト」をテンプレートのコードにして、<!--permanent_area--><!--/permanent_area--> で囲っておこうと思いました。

そうすると、固定リンク(permanent link)の個別記事のときだけ表示されるようになります。

コードを記入する場所は、テンプレートの <!--topentry--> から <!--/topentry--> の間です。

通常は記事の後に表示しますので、閉じるタグ(<!--/topentry-->)の直前あたりにすると良さそうです。

FC2ブログの設定を変える必要もあります。

管理画面で「環境設定の変更」→「ブログの設定」→「記事の設定」と進みます。 そこで「関連記事リスト 表示場所」を「テンプレート変数のみ」にしておきます。

また、「関連記事リスト 表示件数」を「0」にすると、リストが表示されなくなります。

あとは、見やすくなるように適当なスタイルを設定していきます。

コードは下記のようになりました。 横に長いので、スクロールさせて下さいね(汗)。

<!--permanent_area-->
<!--relate_list_area-->
<p>▼ 関連記事</p>
<ul>
  <!--relate_list-->
  <!--relate_entry_other--><li><a href="<%topentry_relate_url>"><%topentry_relate_month>月<%topentry_relate_day>日 <%topentry_relate_title></a></li><!--/relate_entry_other-->
  <!--relate_entry_now_showing--><li><%topentry_relate_month>月<%topentry_relate_day>日 <%topentry_relate_title></li><!--/relate_entry_now_showing-->
  <!--/relate_list-->
</ul>
<!--/relate_list_area-->
<!--/permanent_area-->

<!--relate_entry_other--> が前後の記事、<!--relate_entry_now_showing--> が現在の記事です。 現在の記事は <a href=" ~ "> のリンク形式ではなく、普通に表示するようにしました。

関連記事リスト機能は「同じカテゴリー」の記事だけですが、同じユーザータグの記事でもできるようになったら、もっと便利になりそうだとも思いました。

▼ 同じカテゴリーの記事

コメント

コメントの投稿

※ 「名前」と「本文」以外は省略できます。

  • ※ 必須
  • ※ 必須
  •  → 確認ページ (メールアドレスの記入があっても公開されません)
10 ← 2019年11月 → 12
-----12
3456789
10111213141516
17181920212223
24252627282930



 Google サイト内検索

▼タグ(抜粋)