はてなモジュールってなに?
■ はてなモジュールってなに?
はてなダイアリーでは、「はてなモジュール」を使って、あなたのブログに様々な便利機能を表示させることができます。
「デザインテーマ」がブログの服なら、サイドバーに入れる「はてなモジュール」はアクセサリーのようなもの。ちょっと気の利いた機能を提供します。他のブログサービスでは「ブログパーツ」「プラグイン」などと呼ばれる機能のようなものです。
たとえば、以下のようなはてなモジュールが存在します。
自分の日記の情報を表示する
- 「profileモジュール」…プロフィール(自己紹介)を表示します
- 「commentモジュール」…これまでに付いたコメントを表示します
- 「sectioncategoryモジュール」…あなたの日記のカテゴリー一覧を表示します
はてなのサービスと連携する
はてなブックマークやはてなアンテナなど、あなたが使用しているはてなのサービス情報を表示させることも可能です。
- 「antennaモジュール」…はてなアンテナでページの更新情報を表示させます
- 「rssモジュール」…はてなブックマークでお気に入りのサイトを表示させます
- 「rssモジュール」…はてなフォトライフに投稿した写真を表示させます
アクセス解析やアフィリエイトなどもモジュールで実現
- 「counterモジュール」…日記の訪問者数や、詳細なリンク元を分析できます

- 「adsenseモジュール」…手軽にブログでお小遣い稼ぎができます

- 「clockモジュール」…Flashで動く時計を設置して、ひと味違ったおしゃれなデザインにできます
その他にも、はてなモジュールを使うことで、いろんな便利機能をはてなダイアリーに表示させることができます。はてなダイアリーで設置可能なモジュールについては、はてなモジュール一覧をご覧ください。
■ はてなモジュールを設置する方法
はてなモジュールは、管理画面の [デザイン] → [デザイン編集] メニューから設置します。
クリックだけで設定が完了する初心者向けの「かんたんデザイン設定」と、タグなどを自由に記述する上級者向けの「詳細デザイン設定」の2種類の設定画面があるので、自分にあった方法を使ってください。
かんたんデザイン設定
よく使われるモジュールは、「かんたんデザイン設定」からクリックするだけで設置することが可能です。
- 上部メニューの「管理」をクリック

- 左メニューの「デザイン」をクリック

- 「かんたん」をクリックし、「サイドバー」をクリック

- 設置したいモジュールをクリック

詳細デザイン設定
かんたんデザイン設定に無いモジュールを使いたいときや、設置箇所を細かく指定したい場合は、「詳細デザイン設定」を使用します。「ページのヘッダ」や「ページのフッタ」に、はてなモジュール一覧を参考に、モジュール設置用の文字列を書き込んでください。
たとえば、antennaモジュールの場合で解説します。
- 上部メニューの「管理」をクリック

- 左メニューの「デザイン」をクリック

- 「詳細」をクリック

- 「ページのヘッダ」か「ページのフッタ」に、設置用タグ <hatena name="antenna"> を貼り付ける

日記のサイドバーに表示させたい場合は、「ページのフッタ」に表示されている <div class="sidebar"> から </div> の間に、モジュールを設置するための文字列を記述してください。
それぞれのモジュールの機能、設置方法についてより詳しくは、はてなダイアリー機能一覧から各モジュールのヘルプをご覧ください。
関連する情報
- 2010/06/04 19:09:35 Amazonの検索窓やライブリンクを表示する(amazonモジュール)
- 2010/06/04 19:09:58 はてなアンテナの更新情報を表示する(antennaモジュール)
- 2010/06/04 19:10:06 はてなグラフのグラフを表示する(graphモジュール)
- 2010/11/17 18:02:22 はてなダイアリー機能一覧
- 2010/06/04 19:13:46 はてなハイクのエントリー一覧を表示する(haikuモジュール)
- 2010/06/04 19:11:17 はてなフォトライフの写真を表示する(rssモジュール)
- 2010/06/04 19:11:28 はてなブックマークのエントリーを表示する(rssモジュール)
- 2010/07/23 15:46:21 はてなモジュールってなに?
- 2009/05/27 10:59:25 はてなモジュール一覧
- 2010/06/04 19:12:26 はてなリングのバナーを貼り付ける(ringモジュール)
- 2012/05/06 19:48:47 アクセス解析ができる有料カウンターを設置する(counterモジュール)
- 2009/10/14 08:02:21 カレンダーを表示する(カレンダー関連モジュール)
- 2010/07/23 15:50:43 デザインを変える(初心者向け)
- 2006/08/17 17:49:08 プロフィールを表示する(profileモジュール)
- 2010/07/23 15:59:48 プロフィールを設定する
- 2011/01/19 16:25:26 ヘッダ・フッタに情報を載せる
- 2010/01/31 17:55:28 ページナビゲーションを表示する(パンくずリストモジュール)
- 2010/06/04 19:09:42 ページビュー(無料)を表示する(pvモジュール)
- 2010/06/04 19:11:56 BlogPetを表示する(blogpetモジュール)
- 2010/06/04 19:11:31 管理メニューを表示する(menuモジュール)
- 2011-03-20 11:27:07 はてなグループ - 機能変更、お知らせなど - Re:カテゴリーについて
- 2010-08-28 18:11:16 Saユキ→書を読むこと - はてなダイアリーの特徴とモジュールの簡易ガイド
- 2010-08-28 18:05:52 Saユキ→書を読むこと - はてなダイアリーの特徴とモジュールの簡易ガイド
- 2009-12-06 14:42:59 はてなグループ - 機能変更、お知らせなど - Re:Re:Re:Re:Re:サイドバーにブログパーツを貼りつけるコードを書く場所
- 2009-09-18 08:55:32 ぴんたて 生活ブログ - 改修部分の説明 独自
- 2009-02-26 20:08:56 日傘の森 - はてなダイアリーのヘルプ
- 2009-02-26 20:07:27 日傘の森 - はてなダイアリーのヘルプ
- 2008-12-05 22:04:39 built in a hurry - ハテナもじゅーるって?
- 2008-08-16 15:43:25 nekozea's blog - はてなモジュールのタイトルを英語にする方法
- 2008-07-27 00:35:12 とあるモバイル系エンジニアの日々 - やっぱりブログ書かないとね




