ガイドグループ世話人の日記

はてなダイアリーガイド

はてなダイアリーガイドの草稿置き場です。この日記へリンクはどこでもご自由にどうぞ。ガイドを作るガイドグループ参加もお気軽に*。グループに入らなくても、ガイドははてなダイアリー市民なら誰でも作成・編集できるものですのでよろしくどうぞ。

※MacOS9でInternetExplorerをお使いの方は、この日記にコメントを書き込もうとすると文字化けすることがあります。対処方法はこちらをご覧ください。

 | 

1900-02-05ガイド草稿「モジュール一覧(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

オプション指定 指定内容 入力例 入力例の意味
listlimit 画像の表示枚数を指定 listlimit="10" 画像を10枚表示。
size 画像のサイズを小さくする。 size="small" 小さいサイズにする。

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


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


モジュール名 sectionモジュール?
用途 最近の日記のタイトル(本文中に見出しがある場合は見出しを、ない場合はその日のタイトル)を表示する。
作成用タグ <hatena name="section">
無指定時に適用される設定 <hatena name="section" listlimit="25">
作成例

オプション指定 指定内容 入力例 入力例の意味
listlimit 見出しの表示件数。 listlimit="10" 見出しを10件まで表示する。
daylimit 表示日数。 daylimit="5" 見出しを5日分まで表示する。
titlelength 見出しの表示文字数。文字数は半角で計算。 titlelength="40" 半角で40文字まで表示する
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要素(かんたんデザイン設定と同じ形式)にする。

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


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 月と月の間の文字列を変更する。 "■" 2003■0102■ のようになる。
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

オプション指定 指定内容 入力例 入力例の意味
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

オプション指定 指定内容 入力例 入力例の意味
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" 土曜日の曜日文字色をに。

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

 | 

ホームページ制作