はてなダイアリーガイド「モジュールを使う」
モジュールを使う
はてなアンテナの更新情報を表示する「antennaモジュール」や、最近の見出しのリストを表示する「sectionモジュール」などなど、はてなダイアリーは「モジュール」と呼ばれる追加機能によっていろいろなことができます。他のブログサービスでは「プラグイン」などと呼ばれる機能にあたります。
モジュールは、一度設置してしまえばあとは自動で情報が更新されます。自然に情報を集めてくれるようなモジュールは自分にとって便利ですし、自動で日記の記事が整理されるようなモジュールは閲覧者にとって便利です。どんなモジュールを設置しているかでその日記の作者の興味や運営スタイルが感じ取れたりして、日記の個性のひとつになっています。
ここではモジュールの基本的な設置方法と、どのようなモジュールがあるのかをご紹介します。すんごいたくさんありますけど。
モジュールの設置
ほとんどのモジュールは日記のヘッダやフッタ、特に「サイドバー」の中で利用します。モジュールの多くは（使うかどうかは別として）日記本文の中でも展開することができ、引用モジュールは例外的に日記の文章中で使うためのモジュールですが、ここではモジュールをヘッダやフッタなどに設置する方法をご紹介していきます。
■ かんたんデザイン設定で対応しているモジュール
かんたんデザイン設定で設置できるモジュールについては「かんたんデザイン設定」 - モジュールを選ぶをご覧ください。
かんたんデザイン設定で選べないモジュールは、次に説明する方法で設置する必要があります。またモジュールを“サイドバーの中で位置を移動したい”とき、“サイドバー以外の所に表示させたい”とき、“モジュールの細かい設定を行いたい”ときなどは、以下の方法で詳しく設定します。
■ hatenaタグによるモジュールの設置
『管理ツール > デザイン > 詳細デザイン設定』の下の方、『ページのヘッダ』『ページのフッタ』欄に
<hatena name="モジュール名">
のようなhatena独自のタグを記入することで、モジュールが設置できます。
例えばantennaモジュールを設置するタグは
<hatena name="antenna">
のように書けばＯＫです。
『かんたんデザイン設定』の『モジュールを選択』は、このタグを適切な位置に入力してくれる機能なのです。自分で編集する場合は、もっと自由な位置に配置できますし、より細かいモジュールのオプション設定ができるようにます。
ヘッダ欄やフッタ欄のどこに入れるのが一番いいかというような説明は活用編「ヘッダとフッタ」、「ヘッダやフッタに何かを入れる」、「サイドバーに何かを入れる」をご覧ください。
■ モジュールのオプション指定
<hatena name="モジュール名" オプション指定項目="指定する値">
という書式でオプション指定項目を追加していくと（ほんとはぜんぶ半角アルファベット）、モジュールの細かい設定を指定するできます。タグになじみのない方は、英数字ばかりでちょっと面倒そうに思えるかもしれませんが、全部同じパターンなのでやってみれば簡単です。どんなオプション指定ができるのかは、次のモジュール一覧から各モジュールの説明をご覧ください。
なにも指定しないときは、はてなの初期設定値が適用されます。antennaモジュールで何も指定していないときは、以下のオプション指定をしたのと同じ状態です。
<hatena name="antenna" listlimit="20" dateformat="%y-%m-%e %H:%i:%S">
これで“anntennaモジュールの、表示するリストは20件まで、時刻表示は05-1-01 00:00という形式”という指定になっています。
ここでたとえば、
<hatena name="antenna" listlimit="5" dateformat="%H:%i:%S">
というふうにhatenaタグを書き変えると、“表示するリストは5件まで、時刻表示は00:00という形式”になります。
モジュール一覧へ
それでは、興味のあるモジュールがありましたら説明を見に行ってみてください。
- かんたんデザイン設定で対応しているモジュール
- アンテナ系（更新情報取得型）
- antennaモジュール……自分のはてなアンテナの最新情報を表示
- rssモジュール……外部を含む任意のRSSファイルの情報を表示
- keywordモジュール……最新の更新キーワードの一覧
- eanモジュール……最新の更新EANページの一覧
- questionモジュール……人力検索はてなの最新の質問の一覧
- 注目系
- hotkeywordモジュール……最近はてなダイアリーで言及の多いキーワードの一覧
- hoturlモジュール……最近はてなダイアリーで言及の多いウェブページの一覧
- hotasinモジュール……最近はてなダイアリーで言及の多いASINの一覧
- hoteanモジュール……最近はてなダイアリーで言及の多いJAN/EANの一覧
- 日記ログ系
- photoモジュール……最近日記に登録した画像を一覧
- sectionモジュール……最近の日記の見出しを表示
- commentモジュール……最近のコメントの一覧
- trackbackモジュール……最近のトラックバックの一覧
- urllogモジュール……最近日記の中で言及したURLの一覧
- asinlogモジュール……最近日記の中で言及したASINの一覧
- eanlogモジュール……最近日記の中で言及したJAN/EANの一覧
- keywordcloudモジュール……最近日記の中で言及したキーワードを表示
- カレンダー系
- calendarモジュール……月単位のカレンダー
- calendar2モジュール……１月分のカレンダー画像表示なし
- calendar2photoモジュール……１月分のカレンダー画像表示あり
- calendar2jphotoモジュール……１月分のカレンダーFLASH仕様
- その他
- profileモジュール……プロフィール画面へのリンクを作成
- barcodeモジュール……携帯向けのQRコードを表示
- sectioncategoryモジュール……日記で使用しているカテゴリーを一覧表示
- 引用モジュール（q,bq モジュール）……引用範囲を自動的に取得
- パンくずリストモジュール……サイト内のナビゲーションリンクを表示
- menuモジュール……ヘッダメニューと同じリンク
- searchformモジュール……日記の検索フォーム
- blogpetモジュール……（日記にBlogPetを表示）
- counterモジュール……はてなカウンターを設置
- pvモジュール……アクセスカウンターを設置
- graphモジュール……はてなグラフのグラフを表示
- ringモジュール……はてなリングの情報を表示
- adsenseモジュール……Google AdSense広告を表示
- clockモジュール……日記に時計を表示
※文字数制限の都合でモジュール一覧は(1)(2)(3)とページを分けました。
過去日記・未来日記を利用するに戻る← | →はてなの他のサービスと合わせて使うに進む