はてなダイアリーガイド「モジュール一覧(2)」

はてなダイアリーガイド「モジュール一覧(2)」

(コミュニティ)
はてなだいありーがいどもじゅーる

ガイドトップへ・ ガイドトップ ・ 目次 ・ 索引

モジュール一覧(2)

はてなダイアリーで設置できるモジュールの一覧です。モジュールの使い方はモジュールを使うをご覧ください。
設置したモジュールの見栄えを『かんたんデザイン設定』で作ったものと同じようにそろえる方法については、活用編「サイドバーに何かを入れる」などをご覧ください。

photoモジュール(最近日記に登録した画像を一覧)

モジュール名 photoモジュール
用途 日記に登録した写真を最新順に表示
作成用タグ <hatena name="photo">
無指定時に適用される設定 <hatena name="photo" listlimit="5" size="small">
作成例
  • hatenadiary2005-01-18
  • hatenadiary2005-01-14
  • hatenadiary2005-01-11
  • hatenadiary2004-12-24
  • hatenadiary2004-12-14
  • hatenadiary2004-12-02
  • hatenadiary2004-11-19
  • hatenadiary2004-11-12
  • hatenadiary2004-11-05
備考 キーワード『photoモジュール』にスタイルシートで“写真を横に並べる”“写真を縦に並べる”などカスタマイズのコツあり。はてなダイアリーガイド「CSSセレクタ - photoモジュール」にスタイルシートのセレクタ例あり。
オプション指定 指定内容 入力例 入力例の意味
listlimit 画像の表示枚数を指定 listlimit="10" 画像を10枚表示。
size 画像のサイズを小さくする。 size="small" 小さいサイズにする。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

sectionモジュール(最近の日記の見出しの一覧)

モジュール名 sectionモジュール
用途 最近の日記のタイトル(本文中に見出しがある場合は見出しを、ない場合はその日のタイトル)を表示する。
作成用タグ <hatena name="section">
無指定時に適用される設定 <hatena name="section" listlimit="25">
作成例
備考 id:alisato:20040124#p1にこのモジュールを利用して「目次」を作成する方法。まあ見出し一覧ページもありますけども静的な目次作成ということで。
オプション指定 指定内容 入力例 入力例の意味
listlimit 見出しの表示件数。 listlimit="10" 見出しを10件まで表示する。
daylimit 表示日数。 daylimit="5" 見出しを5日分まで表示する。
titlelength 見出しの表示文字数。文字数は半角で計算。 titlelength="40" 半角で40文字まで表示する
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="最近の記事" モジュールのタイトル部分に『最近の記事』と表示する。
showcategory showcategory="false"またはshowcategory="0"指定で見出しのカテゴリー部分を非表示にする。 showcategory="false" 見出しのカテゴリー部分を非表示にする。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

commentモジュール(最新のコメントの一覧)

モジュール名 commentモジュール
用途 自分のアンテナの更新情報を、最新順に表示する。
作成用タグ <hatena name="comment">
無指定時に適用される設定 <hatena name="comment" listlimit="5">
作成例
最近のコメント
オプション指定 指定内容 入力例 入力例の意味
listlimit コメントの表示件数。無指定の場合は5件。 listlimit="10" コメントを10件まで表示する。
titlelength コメント名の表示文字数。文字数は半角で計算。 titlelength="20" 半角で20文字まで表示する
dateformat 日付の書式を指定。書式指定には、%Y(年 2003)、%y(年 03)、%m(月 01..12)、%c(月 1..12)、%b(月名 Jan..)、%M(月名 January..)、%d(日 00..31)、%e(日 0..31)、%H(時)、%i(分)、%S(秒)、%W(曜日 Sunday..Saturday)、%a(曜日 Sun..Sat)、%J(曜日 日..土)が使える。 dateformat="%Y-%m-%d %H:%i:%S" 『2003-01-23 21:52:15』のように表示する。
dateformat="" 更新時刻は表示しない。
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="最近頂いたコメント" モジュールのタイトル部分に『最近頂いたコメント』と表示する。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

trackbackモジュール(最新のトラックバックの一覧)

モジュール名 trackbackモジュール
用途 日記についた最新のトラックバック一覧(トラックバックのついた日記の日付とトラックバック元のタイトル)を表示する。
作成用タグ <hatena name="trackback">
無指定時に適用される設定 <hatena name="trackback" listlimit="5">
作成例
備考 ul要素のクラスが「hatena-recentcomment」で、commentモジュールと共通なのでスタイルシートで別々の指定をするには工夫が必要になる。
オプション指定 指定内容 入力例 入力例の意味
listlimit トラックバックの表示件数。無指定の場合は5件。 listlimit="10" トラックバックを10件まで表示する。
titlelength トラックバックタイトルの表示文字数。文字数は半角で計算。 titlelength="40" 半角で40文字まで表示する
dateformat 日付の書式を指定。書式指定には、%Y(年 2003)、%y(年 03)、%m(月 01..12)、%c(月 1..12)、%d(日 00..31)、%e(日 0..31)、%b(月名 Jan..)、%H(時)、%i(分)、%S(秒)、%W(曜日 Sunday..Saturday)、%a(曜日 Sun..Sat)、%J(曜日 日..土)が使える。 dateformat="%Y-%m-%d %H:%i:%S" 『2003-01-23 21:52:15』のように表示する。
dateformat="" 更新時刻は表示しない。
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="最新トラックバック" モジュールのタイトル部分に『最新トラックバック』と表示する。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

urllogモジュール(最近日記の中で言及したURLの一覧)

モジュール名 urllogモジュール
用途 日記中で言及したURL(張ったリンク)の一覧を表示します。
作成用タグ <hatena name="urllog">
無指定時に適用される設定 <hatena name="urllog" listlimit="5">
作成例
オプション指定 指定内容 入力例 入力例の意味
listlimit URLの表示件数。無指定の場合は5件。 listlimit="10" URLを10件まで表示する。
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="最近張ったリンク" モジュールのタイトル部分に『最近張ったリンク』と表示する。
type 一覧として表示される内容を指定する。「url = URLを表示する」「domain = ドメインを表示する」「title = タイトルを表示する」 type="url" モジュールの一覧をURLにする。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

asinlogモジュール(最近日記の中で言及したASINの一覧)

モジュール名 asinlogモジュール
用途 日記中で言及したISBN/ASINの一覧を表示します。
作成用タグ <hatena name="asinlog">
無指定時に適用される設定 <hatena name="asinlog" listlimit="5">
作成例
オプション指定 指定内容 入力例 入力例の意味
listlimit ASINの表示件数。無指定の場合は5件。 listlimit="10" URLを10件まで表示する。
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="紹介した書籍など" モジュールのタイトル部分に『紹介した書籍など』と表示する。
type 一覧として表示される内容を指定する。「asin = ASINコードを表示する」「title = 商品タイトルを表示する」「image = 商品画像を表示する」 type="image" モジュールの一覧を商品画像にする。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

eanlogモジュール(最近日記の中で言及したJAN/EANの一覧)

モジュール名 eanlogモジュール
用途 日記中で言及したJAN/EANの一覧を表示します。
作成用タグ <hatena name="eanlog">
無指定時に適用される設定 <hatena name="eanlog" listlimit="5">
作成例
オプション指定 指定内容 入力例 入力例の意味
listlimit JAN/EANの表示件数。無指定の場合は5件。 listlimit="10" URLを10件まで表示する。
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="紹介した書籍など" モジュールのタイトル部分に『紹介した書籍など』と表示する。
type 一覧として表示される内容を指定する。「ean = JAN/EANコードを表示する」「title = 商品タイトルを表示する」「image = 商品画像を表示する」 type="image" モジュールの一覧を商品画像にする。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

keywordcloudモジュール(最近日記の中で言及したキーワードを表示)

モジュール名 keywordcloudモジュール
用途 最近7日間分の日記で言及したキーワードの一部をキーワードクラウドで表示する。(キーワードクラウドページは最近14日間分で言及したキーワードを300個まで一覧表示)
作成用タグ <hatena name="keywordcloud">
無指定時に適用される設定 <hatena name="keywordcloud" listlimit="20">
作成例
備考 このモジュール内のキーワードは出現頻度に応じてクラス分けされており(keywordcloud0からkeywordcloud10まで)、スタイルシートの指定によって一般的なタグクラウドのように文字サイズの大小でキーワードの出現頻度を示すことができる。スタイルシートの指定方法ははてなダイアリー日記 - キーワードクラウドページ、keywordcloudモジュールを追加しましたの「スタイルシートについて」項を参照(日記で使用しているテーマ等によっては上手くいかない可能性あり)。
オプション指定 指定内容 入力例 入力例の意味
listlimit キーワードの表示件数。 listlimit="50" キーワードを50件まで表示する。
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="この日記の頻出キーワード" モジュールのタイトル部分に『この日記の頻出キーワード』と表示する。
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲んだUL要素(かんたんデザイン設定と同じ形式)にする。

[ページの先頭に戻る▲]

calendarモジュール(月単位のカレンダー)

モジュール名 calendarモジュール
用途 これまでに書いて来た日記を、ひと月ごとにまとめて表示する画面へのリンク一覧
作成用タグ <hatena name="calendar">
無指定時に適用される設定 <hatena name="calendar">
作成例
2003 | 01 | 02 | 03 | 04 | 05 | 06 | 07 | 08 | 09 | 10 | 11 | 12 |
2004 | 01 | 02 |
作成例(ドロップダウン形式)
カレンダー
オプション指定 指定内容 入力例 入力例の意味
delimiter 月と月の間の文字列を変更する。 delimiter="■" 2003■0102■ のようになる。
template 表示形式を(ドロップダウン形式に)変更する。 template="dropdown" 作成例のドロップダウン形式を見てください。

[ページの先頭に戻る▲]

calendar2モジュール(1月分のカレンダー画像表示なし)

モジュール名 calendar2モジュール
用途 1ヶ月のカレンダーを表示
作成用タグ <hatena name="calendar2">
無指定時に適用される設定 <hatena name="calendar2">
作成例
<< 2003/11 >>
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
備考 見栄えはスタイルシートを使わないと変更できない。スタイルシートのセレクタははてなダイアリーガイド「CSSセレクタ - calendar2photoモジュール」をご参考に。
オプション指定 指定内容 入力例 入力例の意味
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲む(かんたんデザイン設定と同じ形式)。

[ページの先頭に戻る▲]

calendar2photoモジュール(1月分のカレンダー画像表示あり)

モジュール名 calendar2photoモジュール
用途 1ヶ月のカレンダーを表示
作成用タグ <hatena name="calendar2photo">
無指定時に適用される設定 <hatena name="calendar2photo">
作成例
<< 2003/02 >>
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
備考 見栄えはスタイルシートを使わないと変更できない。スタイルシートのセレクタははてなダイアリーガイド「CSSセレクタ - calendar2photoモジュール」をご参考に。
オプション指定 指定内容 入力例 入力例の意味
template hatenaモジュールのテンプレート化 template="hatena-module" モジュールのHTMLをdiv.hatena-moduleで囲む(かんたんデザイン設定と同じ形式)。

[ページの先頭に戻る▲]

calendar2jphotoモジュール(1月分のカレンダーFLASH仕様)

モジュール名 calendar2jphotoモジュール
用途 1ヶ月のカレンダーをFLASHで表示
作成用タグ <hatena name="calendar2jphoto">
無指定時に適用される設定 <hatena name="calendar2jphoto" bgcolor="#ffffff" color="#000000" color-sunday="#ff0000" color-saturday="#0000ff">
作成例 FLASHを展開すると重いのでGIF画像で代替しています。
備考 FLASH使用のため、テキストを読みに来た閲覧者のパソコンにとって思わぬ高負荷となることがあります。FLASHがスムーズに表示される方は、そういう場合もあることは知っていたほうがいいかもしれません。
オプション指定 指定内容 入力例 入力例の意味
bgcolor 背景色を変更。※色を指定する値(色コード)の説明はとほほの色入門・色見本、色選びはCGIBOY カラーコード作成マッシーン(ともに外部サイト)などをご覧ください。 bgcolor="#000000" 背景色を黒()に。
color 基本文字色を変更。 color="#eeff24" 基本文字色をに。
color-sunday 日曜日の曜日文字色を変更。 color-sunday="#ff0000" 日曜日の曜日文字色をに。
color-saturday 土曜日の曜日文字色を変更。 color-saturday="#0000ff" 土曜日の曜日文字色をに。

[ページの先頭に戻る▲]


モジュールを使うに戻る← |

新着ブログ: はてなダイアリーガイド「モジュール一覧(2)」