Fbookmark：リンクリスト作成用テンプレート

管理用目的で、エントリー内のリンク（<a>要素）を抜き出して一覧表示とHTML出力するテンプレートです。ブックマークとしての機能以外に、紹介・言及したリンクから遡って記事を探すという使い方も想定しています。元テンプレートから呼び出す形で使用します。

特徴

• 1ヵ月単位でエントリーを読み込みます。引数にdate=XXXXXXが含まれていない場合は<%now_year><%now_month>が補完されます。
• 記事内を調べて、投稿日を定義の用語、抽出リンク（群）をその内容とする定義リストに整形して表示します。
  • <dl>要素にlinksのclassNameが設定されます。
• リンクのhref属性の内容で分類し、<a>要素に以下のclassNameを設定します。FC2管理画面からこの予約classNameにユーザ独自の装飾（表示制限、色分け など）が行えます。
  • 自ブログの他の記事やアップファイルへのリンク（a.inside_link）
  • ”blogX.fc2”が含まれるURLへのリンク（a.fc2_link）
  • イメージへのリンク（a.image_link）
  • Google 検索結果へのリンク（a.google_link）
  • Amazon 検索結果へのリンク（a.amazon_link）
  • 上記以外へのリンク（classなし）
• title属性を編集し前記のクラス分けと同等の情報を持たせます。
• 投稿日のリンクは、元のテンプレでそのリンク（群）が含まれるエントリーへ移動します。
• 前後月へリンク・月別アーカイブ一覧はFbookmarkを保持したまま移動します。
• サイト名のリンクは呼出し元テンプレのトップに移動します。
• ソース出力で定義リスト部分のみのHTMLを別窓に書き出します。これをエディタなどで編集、あるいはそのままコピー&ペーストして投稿することで「記事内で取り上げたリンク一覧」を作成できます。

動作サンプル

> Fbookmark

注意点

このテンプレートの使用には、ブラウザのjavascriptが有効になっていることが前提になります。

1. デフォルトのCSSはTagCloud風な一例です。Harukiya Archives のリンク集のような<dt>要素を隠さないのが本来の用途のスタイルです。
2. クラス分けを増やしたい、または、特定のリンクはリストアップしたくないという場合は出力されたHTMLを手動で編集することで可能ですが、スクリプトで対応できる部分もあります。くわしくはお問い合わせください。

ソース

• HTML
• CSS （サンプルです。無くても動作します）

導入方法

Fbookmarkは共有テンプレートに登録されていませんので、手動で登録します。使用中、または使用予定のテンプレートに上書きしないように注意してください。

1. ”FC2管理画面”→”テンプレートの設定”でFbookmarkを上書きするテンプレの修正画面を開きます。（無い方は任意のテンプレをダウンロードして、修正画面を開いてください）
2. ”名称[xxx]の変更 (半角英数字、ハイフン、アンダーバー 20文字まで)”の下のインプットフィールドに”fbookmark”と名前をつけます。スクリプト中で使用しますので、この名前を使ってください。すべて半角小文字です。ここで一度更新ボタンを押します。
3. ”HTMLの編集 fbookmarkを編集しています。”の下のテキストエリア内をすべて削除して、この上のHTMLソースを、”スタイルシートの編集 fbookmarkを編集しています。”の下のテキストエリア内をすべて削除して、CSSソースを、それぞれコピーして貼り付けます。
4. 更新ボタンを押して完了です。

実行

Fbookmarkの呼び出しは、ブラウザのブックマークを利用するか、元テンプレの表示させたい場所、または投稿欄に

などと記述します。この場合は最新月アーカイブが読み込まれます。任意の月を指定する場合は

のように引数にdate=XXXXXXを付けて呼出してください。ページ・カテゴリー・個別エントリー・サーチ結果などの引数は無視されます。

スクリプトオフのユーザに呼び出せないようにするには

のようにスクリプトで書き出すと良いでしょう。