関連記事リストが「変数」でも出力可能に！【ありのごとくあつまりて】

FC2ブログカスタマイズ，共有テンプレート，素材リンク集，フリーソフトの紹介など。迷子にならないブログ作りを目指し．．．何か1つでもお役に立てる情報を提供できたらいいなぁと思っています。

この記事に含まれるタグ（Keyword） :
関連記事リスト変数 FC2ブログテンプレート

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

2010/09/10 (金) カテゴリー：ブログカスタマイズ中級

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

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

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

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

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

<div class="entry_m nextentry">


CATEGORY... この記事を含む前後の記事
<ul>

<li>
<a href="<%topentry_relate_url>"><%topentry_relate_title> -<%topentry_relate_year>/<%topentry_relate_month>/<%topentry_relate_day></a> ««</li>


<li style="margin-top:14px"><a href="<%topentry_parent_category_link>" title="親カテゴリー : <%topentry_parent_category> へ"><%topentry_parent_category></a> » <a href="<%topentry_category_link>" title="カテゴリー : <%topentry_category> へ"><%topentry_category></a></li>
</ul>


</div>

<div class="nextentry">
この次の記事　:　<a href="<%preventry_url>"><%preventry_title></a><br />
この前の記事　:　<a href="<%nextentry_url>"><%nextentry_title></a><br />
</div>



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

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

ポイント

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

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

<li>
<a href="<%topentry_relate_url>"><%topentry_relate_title> -<%topentry_relate_year>/<%topentry_relate_month>/<%topentry_relate_day></a> ««</li>

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

～ 
リストの項目が、現在表示中の記事と同じではない場合のみ表示されるブロック
～ 
リストの項目が、現在表示中の記事と同じ場合のみ表示されるブロック

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

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

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

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

キーワード検索：関連記事リスト変数 FC2ブログテンプレート

お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。

URL　http://arinogotokuatumarite.blog19.fc2.com/blog-entry-161.html

2010/09/10 ～ | Comment (5) tweet? | ↑ ページ先頭へ ↑ |

CATEGORY : テンプレ・FC2マニア » ブログカスタマイズ中級

この前の記事：全文RSS から部分配信RSSフィードを作成
この次の記事： FC2ブログの「非公開変数」のまとめ

5 Comment

こんばんは。

またまた、参考にさせて頂きました。
丁寧な解説でとても役に立ちました。ありがとうございました。

Hiro | 2010/09/11 (土)　[ 編集 ] No.692

Hiroさん、こんばんは。

記事がお役に立てて良かったです。久々に特急で書きました^^
この機能、便利ですよねー。リンクもありがとうございます♪

paruparu | 2010/09/11 (土)　[ 編集 ] No.693

はじめまして。
今回、この記事を参考にさせていただいて無事に設置することができました。
そこで、このことをまとめて記事にしたかったのですが、
記事内に変数を文字として表示させることができません。
貴ブログでは引用されている部分ではきちんと表示されていますが、
よかったらどのように表示させているのか教えていただけないでしょうか？
記事に関係ないことですいません(^_^;)

mbw183 | 2010/10/04 (月)　 No.721

mbw183さん、はじめまして。

記事がお役に立てて良かったです。あと、記事も拝見しました。
＞記事内に変数を文字として表示させることができません。

とありましたが、実体参照への変換も出来ているようなので解決済みでしょうか。。
面倒な時は、一括変換のような機能を使うと簡単ですので今後の参考まで。

　HTML実体参照コード変換機
　http://html.seo-search.com/js/html_convert01.html

別件ですが、リンクを張って頂いたようですが、できればリンク先 URL を
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-161.html

に変えてもらってもいいでしょうか？今は ./?no=161 となっているのですが（検索エンジンに同じページが2つと認識されてしまうので...）、訂正しておいていただけると嬉しいです。

paruparu | 2010/10/04 (月)　[ 編集 ] No.722

>paruparuさん
さっそくのお答えありがとうございます。

変数はなんとか表示することができました(^_^;)
実体参照への変換っていうんですね。とても勉強になりました。

リンク先のURLを変更させていただきました。
暇な時にでも確認してみてください。

mbw183 | 2010/10/04 (月)　 No.723