HOME Twitter PC RSS 

スマートフォン版 ありのごとくあつまりて

スマートフォン用の共有テンプレートを 3作登録 しています。 FC2ブログユーザーさんは、是非使ってみてくださいね。 詳細はこちら

HOME > ブログカスタマイズ中級 > 関連記事リスト が 「変数」 でも出力可能に!

関連記事リスト が 「変数」 でも出力可能に!

http://arinogotokuatumarite.blog19.fc2.com/blog-entry-161.html
FC2ブログ管理画面 関連記事リストの設定

2010年8月中旬頃~ 試験運用されていた FC2ブログの 関連記事リスト機能。 8/25 に公式アナウンス があったものですが、コレ ↓ 9/9 に、さらにバージョンアップされました。

変更点は 個別記事の下に自動挿入されるタイプ に加え、一覧ページにも対応可能になったこと、及び 「変数」を使って 任意の場所にも表示できるようになったこと です。

詳しいことは 追って追記予定ですが (←スミ)、「新変数」 が登場したので、早速この方法を導入してみました。 「同じカテゴリ中の 最新記事を 表示する」 と迷ったのですが、「同じカテゴリ中の 前後の記事を古い順に 表示する」 と設定してあります。

私の共有テンプレユーザーさんであれば、以下の 黄色背景範囲 をテンプレートの該当場所に入れれば 私と同じ状態のものが利用できます。


※使っている 新変数 は、関連記事リストの設定 (表示順など) を問わず共通です。

<!--permanent_area-->
<!-- ▽ページ移動 (1)▽ -->
<div class="entry_m nextentry">
<!--topentry-->
<!--relate_list_area-->
CATEGORY... この記事を含む前後の記事
<ul>
<!--relate_list-->
<li>
<a href="<%topentry_relate_url>"><%topentry_relate_title> -<%topentry_relate_year>/<%topentry_relate_month>/<%topentry_relate_day></a><!--relate_entry_now_showing--> &#171;&#171;<!--/relate_entry_now_showing--></li>
<!--/relate_list-->

<li style="margin-top:14px"><!--parent_category--><a href="<%topentry_parent_category_link>" title="親カテゴリー : <%topentry_parent_category> へ"><%topentry_parent_category></a> &#187; <!--/parent_category--><a href="<%topentry_category_link>" title="カテゴリー : <%topentry_category> へ"><%topentry_category></a></li>
</ul>
<!--/relate_list_area-->
<!--/topentry-->
</div>

<div class="nextentry">
<!--preventry-->この次の記事 : <a href="<%preventry_url>"><%preventry_title></a><br /><!--/preventry-->
<!--nextentry-->この前の記事 : <a href="<%nextentry_url>"><%nextentry_title></a><br /><!--/nextentry-->
</div>
<!-- △ページ移動(1)△ -->
<!--/permanent_area-->

関連記事リスト 「変数」 を使って出力したもの

↑ 上のものは 「記事内の決まった位置以外に表示したい場合」 に利用します。

ポイント
  • <!--topentry--> ~ <!--/topentry--> に入れたものは、私のテンプレートでなくても そのまま利用できると思います。 エリア変数 を正しく設定してご利用ください。 (↑ このケースのように、既に エリア変数 が入っている場所 では 不要です。)
  • <!--relate_list_area--> ~ <!--/relate_list_area--> は、<!--topentry--> と <!--/topentry--> で囲まれている必要があります。
  • カテゴリーページへの移動リンク は 入れても入れなくてもOKです。 親カテゴリーを使っていなくても そのままのソースで利用できます。

※その記事には リンクを張りたくない 場合には、

<!--relate_list-->
<li>
<!--relate_entry_other--><a href="<%topentry_relate_url>"><!--/relate_entry_other--><%topentry_relate_title> -<%topentry_relate_year>/<%topentry_relate_month>/<%topentry_relate_day><!--relate_entry_other--></a><!--/relate_entry_other--><!--relate_entry_now_showing--> &#171;&#171;<!--/relate_entry_now_showing--></li>
<!--/relate_list-->

該当部分を 例えばこんな感じ に書き換えればOKです。
↓ この 2つの変数 を上手く使えば、自由にアレンジできますよ!

  • <!--relate_entry_other--> ~ <!--/relate_entry_other-->
    リストの項目が、現在表示中の記事と同じではない場合のみ表示されるブロック
  • <!--relate_entry_now_showing--> ~ <!--/relate_entry_now_showing-->
    リストの項目が、現在表示中の記事と同じ場合のみ表示されるブロック

逆に、記事内の決まった位置(← 拍手ボタンの表示位置の設定 に左右されるようです。)に自動挿入されるもので良ければ、その機能を使うのが一番簡単です。 私のテンプレートであれば そのままでも使えると思いますが、スタイルシートで装飾することも可能です。

いずれにしても、これまではスクリプトを使わなければ実装できなかったことが、スクリプトを使わず 簡単に使えるようになったことは 嬉しい発展ですね!

FC2ユーザーサポート 川野様,他 FC2スタッフ様 ありがとうございました!


追記 (2010/10/04) :
関連記事リストの出力に 「テンプレート変数」 を利用する場合、その表示エリアに関わらず、一覧ページの表示時間 にも影響が出てしまうようです。
1ページの記事数が多い場合、「記事をランダムに表示する」とした場合など、 条件によっては かなり表示時間が掛ってしまうこともあるようです。 追記 (2010/11/10) :
FC2スタッフさんより 改良の連絡を頂きましたので、再適応してみました♪

スポンサーリンク

楽天写真館
今すぐ使える特別クーポンプレゼント!!
初回限定プリント1枚4円 50枚200円!送料無料など

記事URL(共通)
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-161.html

Hatena Google Bookmarks Google+ Yahoo! Facebook Twitter FC2ブログランキング
コメントを見る 5件 コメントを書く PC版で読み直す

CATEGORY RSS

カテゴリ : ブログカスタマイズ中級

カテゴリーリスト (記事件数)

ブログカスタマイズ中級 (15) / ブログカスタマイズ上級 (30) / FC2共有テンプレート (16) / FC2マニア・仕様関連 (21) / アクセス解析・SEO対策 (18) / ブログ雑記・その他 (8) / TV・NET・GAME (12) / 子育て・日々の出来事 (10) / 得するお役立ち情報 (15) / 無料素材のリンク集 (11) / 無料ソフト・フォント等 (10) / Twitter・ブラウザ関連 (26) /

PC版へ変更
トップページへ
ページ先頭へ戻る