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

はてなダイアリーガイド

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

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

 | 

1900-02-06ガイド草稿「モジュール一覧(3)」

モジュール一覧(3)

はてなダイアリーで設置できるモジュールの一覧です。モジュールの使い方はモジュールを使うをご覧ください。

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


profileモジュール(プロフィール画面へのリンクを作成)


モジュール名 profileモジュール?
用途 プロフィール編集ページで設定した紹介写真、一行紹介を表示させる。
作成用タグ <hatena name="profile">
無指定時に適用される設定 <hatena name="profile">
作成例
プロフィール

hatenadiary

kawasaki

はてな社員


オプション指定 指定内容 入力例 入力例の意味
なし

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


sectioncategoryモジュール(日記で使用しているカテゴリーを一覧表示)


モジュール名 sectioncategoryモジュール?
用途 日記で使っている見出しカテゴリーの一覧を表示。
作成用タグ <hatena name="sectioncategory">
無指定時に適用される設定 <hatena name="sectioncategory" moduletitle="カテゴリー">
作成例
作成例(ドロップダウン形式)
category

オプション指定 指定内容 入力例 入力例の意味
moduletitle モジュールのタイトル部分に表示される文字列を指定する。 moduletitle="この日記のカテゴリー" モジュールのタイトル部分に『この日記のカテゴリー』と表示する。
template モジュールをドロップダウン形式にする。 template="dropdown" 作成例のドロップダウン形式を見てください。

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


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)、%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要素(かんたんデザイン設定と同じ形式)にする。

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


引用モジュール?(q,bq モジュール)(引用範囲を自動的に取得)


モジュール名 qモジュール?
用途 引用範囲を自動的に取得する。インライン要素(改行のない文、文の一部)に対して使う。
作成用タグ <hatena name="q" cite="引用するURL(必須)" range="引用を開始する文字列-引用を終了する文字列">
無指定時に適用される設定 <hatena name="q">
作成例(入力例) <hatena name="q" cite="http://d.hatena.ne.jp/help#uploadimage" range="画像を登録するには-URLを入力して下さい。">
作成例(出力例) 画像を登録するには、参照ボタンを押してお使いのパソコンの中にあるファイルをアップロードして頂くか、http://〜(ftp://〜)で始まるURLを入力して下さい。はてなダイアリー - はてなダイアリーのヘルプ*
備考 引用範囲ははじめと終わりを半角ハイフン「-」で区切る。はじめと終わりの文字の中に「-」を含むことはできない。取得先のページの HTML タグを取り除いた内容の中で、はじめにこの範囲に適応する内容が現れると、その内容を表示する。取得先ページのタイトルは自動的に取得するが、title 属性で指定することもできる。

モジュール名 bqモジュール?
用途 引用範囲を自動的に取得する。ブロック要素(前後に改行がある、一段落以上の文章)に対して使う。 現在は、はてなツールバーや『このページに言及』のブックマークレット(同ページに掲載)にbqモジュール作成機能があり、見ているページの引用したい部分をドラッグしてツールバーをクリック(ブックマークレット選択)といった、さらに簡単な操作で書くことができる。
作成用タグ <hatena name="bq" cite="引用するURL(必須)" range="引用を開始する文字列-引用を終了する文字列">
無指定時に適用される設定 <hatena name="q">
作成例(入力例) <hatena name="bq" cite="http://d.hatena.ne.jp/help#uploadimage" title="はてなダイアリーヘルプ - 画像を登録する" range="1日1枚、画像を-画像は登録しないでください。">
作成例(出力例)

1日1枚、画像を登録する事ができます。画像は自動的にサイズ変更され、日記の中に表示されます。画像を登録するには、参照ボタンを押してお使いのパソコンの中にあるファイルをアップロードして頂くか、http://〜(ftp://〜)で始まるURLを入力して下さい。画像アップロード欄のとなりに文字を入力して、画像のタイトルを指定する事もできます。ただし、著作権やその他権利を侵害する可能性のある画像、公序良俗に反する画像は登録しないでください。

はてなダイアリーヘルプ - 画像を登録する*
備考 引用範囲ははじめと終わりを半角ハイフン「-」で区切る。はじめと終わりの文字の中に「-」を含むことはできない。取得先のページの HTML タグを取り除いた内容の中で、はじめにこの範囲に適応する内容が現れると、その内容を表示する。取得先ページのタイトルは自動的に取得するが、title 属性で指定することもできる。

オプション指定 指定内容 入力例 入力例の意味
title 引用元のタイトル。無指定なら引用元のページタイトル(title要素)を自動取得する。 title="はてなダイアリーヘルプ - 画像を登録する" 引用元のタイトルを『はてなダイアリーヘルプ - 画像を登録する』にする。

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


menuモジュール(ヘッダメニューと同じリンク)


モジュール名 menuモジュール?
用途 ヘッダテーブルにある、はてなダイアリーの各種操作を行うためのメニューリンクを表示する。
作成用タグ <hatena name="menu">
無指定時に適用される設定 <hatena name="menu">
作成例
備考 有料オプションでヘッダを非表示にした時などに使う。ヘッダメニュー同様、「日記を書く」画面や管理ツールへのリンクは、日記作者本人にしか表示されない。

オプション指定 指定内容 入力例 入力例の意味
なし

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


searchformモジュール(日記の検索フォーム)


モジュール名 searchformモジュール?
用途 日記内を検索する検索フォームを表示する。
作成用タグ <hatena name="searchform">
無指定時に適用される設定 <hatena name="searchform">
作成例

オプション指定 指定内容 入力例 入力例の意味
なし

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


counterモジュール(はてなカウンターを設置)


モジュール名 counterモジュール?
用途 日記のアクセス解析や日記へのアクセス数を表示する。はてなカウンターを日記に設置するモジュールであり、はてなカウンター利用時、または有料オプション利用時でなければ使えない。
作成用タグ <hatena name="counter">
無指定時に適用される設定 <hatena name="counter">
作成例 1155
備考 有料オプションを使っていない、はてなカウンターだけの利用時はカウンターID(後述)の指定が必須なので注意。

オプション指定 指定内容 入力例 入力例の意味
cid カウンターID。有料オプションを使っていない、はてなカウンター単独利用のユーザーは指定が必要。カウンターIDは、はてなカウンターの設定画面のURLや、カウンターのタイトル右の表示で確認できる。 cid="11" 自分のカウンターIDは『11』。
template アクセスカウンターを非表示にする。 template="none" アクセス数を表示せず、アクセス解析だけを行う。

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


pvモジュール(アクセスカウンターを設置)


モジュール名 pvモジュール?
用途 日記のアクセスカウンター。ページビュー数を表示する。
作成用タグ <hatena name="pv">
無指定時に適用される設定 <hatena name="pv">
作成例 1155
備考 日記内を移動したり、再読み込みした時もカウントされる。自分のアクセスを排除する機能は今の所ない。

オプション指定 指定内容 入力例 入力例の意味
なし

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


adsenseモジュール(Google AdSense広告を表示)


モジュール名 adsenseモジュール?
用途 Google AdSense広告を表示する。
作成用タグ <hatena name="adsense">
無指定時に適用される設定 <hatena name="adsense" format="468x60" color_link="#0000ff" color_url="#008000" color_border="#5279E7" color_bg="#ffffff" color_text="#000000">
作成例 HTMLで再現できないため、イメージ画像で代替してます。
備考 表示できるadsenseモジュールは1ページに3個まで。

オプション指定 指定内容 入力例 入力例の意味
format 広告のサイズを決定する。以下のサイズが指定できる。実際の表示イメージはこちら
  • 728x90
  • 468x60 (初期値)
  • 234x60
  • 125x125
  • 120x600
  • 160x600
  • 120x240
  • 300x250
  • 250x250
  • 336x280
  • 180x150
format="180x150" 横180ピクセルx縦150ピクセルの広告を表示する。
color_link 広告のタイトル部分の文字色。 color_link="0000ff" 広告のタイトル部分の文字色を0000ff(の色)にする。※色を指定する値(色コード)の説明はとほほの色入門・色見本、色選びはCGIBOY カラーコード作成マッシーン(ともに外部サイト)などをご覧ください。
color_url URL部分の文字色。 color_url="0000ff" URL部分の文字色をにする。
color_border 広告の枠の色。 color_link="0000ff" 広告の枠の色をにする。
color_bg 『Ads by Google』の部分の背景色。 color_link="000000" 『Ads by Google』の部分の背景色を黒()にする。
color_text 広告の本文の文字色。 color_text="ffff00" 広告の本文の文字色をにする。

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

 | 

ホームページ制作