Hatena Blog Tags

教えてはてなダイアリー質問と回答のための便利帳

(コミュニティ)
おしえてはてなだいありーしつもん

作成日 2004年2月25日 最終更新日 2004年7月27日

「教えてはてなダイアリー」質問と回答のための便利帳

教えてはてなダイアリー」の今までの質問と回答を元に作っていく便利帳です。質問と回答の参考にどうぞ。質問のポイントを内容別に分け、項目ごとに回答クリップや参考資料などをまとめていきます。より便利な便利帳になるように、追加よろしくお願いします。

参考にさせていただいた質問者・回答者の方へ。

困っている人や質問者・回答者の今後の参考にさせて頂きます。「教えてはてなダイアリー」の参加・ご利用ありがとうございました。

質問先にある実際の回答を真似してみたけどうまくいかない! ときは…

質問先にある回答は、質問者の使っているテーマやスタイルシートなどの設定に合わせた個別の解決方法です。

  • 使っているテーマや設定などの違いにより、個別の回答をそのまま真似してもうまくいかない場合があります。
    • うまくいかないときは…
      • 自分の使っているテーマや設定に合わせた指定に変更することになります。変更の際は下の回答クリップをはじめとする参考ページを参考にしてください。
      • 変更の仕方が分からない・うまく出来ない場合は、無理をせず気軽に「教えてはてなダイアリー」を使ってください。

メモの種類

「回答クリップ」
質問の回答ずばりや、それに近い情報があるかもしれないページ。はてなダイアリーにおいてテーマや設定の違いを考慮しながらできるだけ多くの人に適用できる方法・Tipsを紹介。
はてなダイアリー用参考資料
はてなダイアリーの仕様・規約などに特化した資料です。引用の際には「はてなダイアリーでは」と断わりが必要かもしれません。
関連参考資料
一般で通じるその他の資料など。回答を理解しやすくするためのあれこれ。
覚え書き
その項目でいつでも注意するようなことがあれば、メモしていきます。タイトルは自由。

全体の覚え書き

  • HTMLとCSSの分離(「見出し」や「本文」などの文章の役割を示す文書構造はHTMLで、見栄えはCSSで行う)
  • 資料案内の効用。知る限りでその質問に該当するヘルプやガイド、キーワードがあれば、回答と一緒に伝えると良い。今後の疑問解決ヒントになって、資料の宣伝にもなる。

スタイルシートでデザイン編 質問と回答

はてなダイアリー用参考資料

視覚的、はてなダイアリー文書構造サンプルHTML
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
CSS Tips for はてなダイアリー
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html
テーマ別によるスタイルシートサンプル
http://joram.agz.jp/hatena/hatena_theme.html
はてなダイアリー用CSS作成支援、はてなヘッダ色サンプル
http://yokohama.cool.ne.jp/alisato/hatena/index.shtml
はてなダイアリー兼tDiary用cssのテンプレート
http://d.hatena.ne.jp/dav/theme/template.css

関連参考資料

ごく簡単なHTMLの説明
http://www.kanzaki.com/docs/htminfo.html
Guide to Cascading Style Sheets(jp)
http://www.htmlhelp.com/ja/reference/css/
CSS2対応状況ガイド
http://www.zspc.com/documents/css2/index.html
スタイルシートWebデザイン
http://www.asahi-net.or.jp/~jy3k-sm/css1/index.html
Mouseover DOM Inspector
http://slayeroffice.com/?c=/content/tools/modi.html
お気に入りに入れてクリックすると、今読んでるページのマウスで触れた部分がどんな要素やclassなのか表示してくれるブックマークレット。初見の日記の構造を調べるのなんかに便利そう。MSIE6、Mozilla1.5+対応。

アクセシビリティ&ユーザビリティーについて

ウェブコンテンツ・アクセシビリティ・ガイドライン 1.0(
//www.zspc.com/index.html">ZSPC):http://www.zspc.com/documents/wcag10/
みんなのウェブ:アクセシビリティ実証実験ホームページ
http://www.jwas.gr.jp/
アクセシビリティ(
//www.htmlhelp.com/">Web Design Group):http://www.htmlhelp.com/ja/design/accessibility/
U-Site
http://www.usability.gr.jp/index.html
富士通ウェブ・アクセシビリティ指針 - 日本語サイト向け 第1.01版
http://jp.fujitsu.com/webaccessibility/

回答クリップ

はてなダイアリーで部分的に直したい所を見つけていじる手順。
http://d.hatena.ne.jp/ZO353/20040409#1081491362

リンク

回答クリップ

はてなダイアリーTips【キーワードへのリンクと通常のリンクが区別できるようにする】
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4#p3
はてなダイアリーTips【キーワードリンクを目立たなくする方法】
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4?kid=33975#p4

はてなダイアリー用参考資料

関連参考資料

ハイパーリンク -- ごく簡単なHTMLの説明
http://www.kanzaki.com/docs/html/htminfo12.html

日記の配色

回答クリップ

はてなダイアリー用参考資料

はてなダイアリー用CSS作成支援、はてなヘッダ色サンプル
http://yokohama.cool.ne.jp/alisato/hatena/index.shtml
視覚的、はてなダイアリー文書構造サンプルHTML
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
CSS Tips for はてなダイアリー
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html

関連参考資料

色の組み合わせチェック - 読みやすい前景色と背景色
http://www.kanzaki.com/docs/html/color-check

文字、フォントの大きさ

回答クリップ

はてなダイアリー用参考資料

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「フォントとテキスト」
http://www.kanzaki.com/docs/html/htminfo17-2.html#font

文字、文字色

回答クリップ

はてなダイアリー用参考資料

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「フォントとテキスト」
http://www.kanzaki.com/docs/html/htminfo17-2.html#font

行間、行の高さ、行の間隔(line-height)

回答クリップ

はてなダイアリーTipsスタイルシートでデザイン編【line-heightでの単位指定】
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4#p9

はてなダイアリー用参考資料

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「行の高さ(行間)」(line-heightプロパティ)
http://www.kanzaki.com/docs/html/htminfo17-2.html#lheight

段落間(div.section p)の隙間、日記本文内ブロック要素の隙間 余白(margin, padding)

回答クリップ

回答まとめ
http://d.hatena.ne.jp/manpukuya/20040222#p2 →はてなダイアリーTipsスタイルシートでデザイン編【段落の前後のすき間をなくす方法】http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips%a5%b9%a5%bf%a5%a4%a5%eb%a5%b7%a1%bc%a5%c8%a4%c7%a5%c7%a5%b6%a5%a4%a5%f3%ca%d4?kid=33975#p5

はてなダイアリー用参考資料

視覚的、はてなダイアリー文書構造サンプルHTML
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「ボックスモデル」
http://www.kanzaki.com/docs/html/htminfo17-2.html#box

リスト

回答クリップ

はてなダイアリーのヘルプ「リストをつくる」
http://d.hatena.ne.jp/help#list

はてなダイアリー用参考資料

関連参考資料

リストの作成 -- ごく簡単なHTMLの説明
http://www.kanzaki.com/docs/html/htminfo13.html

sidebar(サイドバー)

回答クリップ

キーワード「sidebar」
http://d.hatena.ne.jp/keyword/sidebar(sidebarの作り方、表示位置に関するCSS Tips(左側に、右側に、左右に、上に)、カスタマイズTipsなど)
キーワード「はてなダイアリーsidebar利用可能テーマ」
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcsidebar%cd%f8%cd%d1%b2%c4%c7%bd%a5%c6%a1%bc%a5%de
キーワード「antennaモジュール」
http://d.hatena.ne.jp/keyword/antenna%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb(ヘルプ記載事項、注意点、カスタマイズTips、生成されるクラス名解説へのリンクなど)
キーワード「sectionモジュール」
http://d.hatena.ne.jp/keyword/section%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb(ヘルプ記載事項、カスタマイズTips、応用利用法、生成されるクラス名解説へのリンクなど)
はてなダイアリーのヘルプ「antennaモジュール」
http://d.hatena.ne.jp/help#antenna
はてなダイアリーのヘルプ「sectionモジュール」
http://d.hatena.ne.jp/help#sectionmodule

はてなダイアリー用参考資料

関連参考資料

コメント欄

回答クリップ

はてなダイアリー用参考資料

関連参考資料

右寄せに、左寄せに

回答クリップ

はてなダイアリー用参考資料

関連参考資料

CSSの主なプロパティ -- ごく簡単なHTMLの説明「位置揃え」(text-alignプロパティ)
http://www.kanzaki.com/docs/html/htminfo17-2.html#talign
CSSの主なプロパティ -- ごく簡単なHTMLの説明「表示位置など」(float, clear)
http://www.kanzaki.com/docs/html/htminfo17-2.html#position

「前の×日分」(div.calendar)

回答クリップ

はてなダイアリー用参考資料

視覚的、はてなダイアリー文書構造サンプルHTML
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html
CSS Tips for はてなダイアリー
http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html
テーマ別によるスタイルシートサンプル
http://joram.agz.jp/hatena/hatena_theme.html

関連参考資料

ブラウザによる見え方の違い相談・見え方が変?

回答クリップ

はてなダイアリー用参考資料

関連参考資料

CSS2対応状況ガイド
http://www.zspc.com/documents/css2/index.html
CSSバグリスト@CSSバグ辞典スレッド
http://cssbug.at.infoseek.co.jp/index.html

HTML編


はてなダイアリーの機能編

antennaモジュール(アンテナモジュール)

回答クリップ

はてなダイアリーのヘルプ‐antennaモジュール
http://d.hatena.ne.jp/help#antenna
はてなダイアリーFAQ「モジュールの使い方」‐antennaモジュールが表示されない!(<hatena name="antenna">とフッタに書いたのにantennaモジュールが表示されないときの代表的な原因)
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ%a1%d6%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb%a4%ce%bb%c8%a4%a4%ca%fd%a1%d7?kid=29296#antennaerror
キーワード「antennaモジュール」
http://d.hatena.ne.jp/keyword/antenna%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb?kid=30352(antennaモジュール(アンテナモジュール)の詳しい設定の仕方、 指定できるオプション属性、カスタマイズTipsなど掲載)

はてなダイアリー用参考資料

関連参考資料

photoモジュール

回答クリップ

はてなダイアリーのヘルプ「photoモジュール」
http://d.hatena.ne.jp/help#hatena_photo
キーワード「photoモジュール」
http://d.hatena.ne.jp/keyword/photo%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb(ヘルプ記載事項、横や縦並べにする、写真左側の余白、その他カスタマイズTipsなど)

はてなダイアリー用参考資料

関連参考資料

sectionモジュール

回答クリップ

はてなダイアリーのヘルプ「sectionモジュール」
http://d.hatena.ne.jp/help#sectionmodule
キーワード「sectionモジュール」
http://d.hatena.ne.jp/keyword/section%a5%e2%a5%b8%a5%e5%a1%bc%a5%eb

はてなダイアリー用参考資料

関連参考資料

小見出し機能(*、*t*)

回答クリップ

はてなダイアリーのヘルプ「小見出しをつける」
http://d.hatena.ne.jp/help#sectiontitle
はてなダイアリーのヘルプ「時刻付きの小見出しをつける」
http://d.hatena.ne.jp/help#sectiontimestamp
キーワード「小見出し
http://d.hatena.ne.jp/keyword/%be%ae%b8%ab%bd%d0%a4%b7(ヘルプ記載事項と簡単な解説、関連機能・関連Tipsへのナビ)
キーワード「Permalink
http://d.hatena.ne.jp/keyword/Permalink(Permalinkの概説、はてなダイアリーにおけるPermalinkの概説)
はてなダイアリーTips【「時刻付きの小見出しをつける」機能(*t*)の書き込み時刻を非表示にする方法】
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips#p6
はてなダイアリーTips【書き込み時刻表示のない小見出しをPermalink(固定的なリンク、固定リンク)にしつつ、上へ上へと追加する方法】
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcTips?kid=1031#p7

はてなダイアリー用参考資料

関連参考資料

リンク元、リファラ referred/TrackBack(トラックバック)

回答クリップ

ヘルプ「リンク元の表示」
http://d.hatena.ne.jp/help#hidereferer
ヘルプ「日記のリンク元」
http://d.hatena.ne.jp/help#refererlist
はてなダイアリーFAQ「日記を書く」‐「リンク元の表示」関連FAQ
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ%a1%d6%c6%fc%b5%ad%a4%f2%bd%f1%a4%af%a1%d7?kid=29292#hidereferer(ちょっとした更新とTrackBack(トラックバック)、はてなダイアリーから外部へTrackBackを送る など)
はてなダイアリーFAQ「設定の変更」‐「日記のリンク元」関連FAQ
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bcFAQ%a1%d6%c0%df%c4%ea%a4%ce%ca%d1%b9%b9%a1%d7#refererlist
キーワード「TrackBack」
http://d.hatena.ne.jp/keyword/TrackBack(TrackBackの概説、手動ではてなの外へ送る方法など)
キーワード「はてなダイアリーTrackBackシステム」
g:hatenadiary:keyword:はてなダイアリーTrackBackシステム(はてなダイアリーにおけるTrackBackシステムの説明)

はてなダイアリー用参考資料

関連参考資料

引用ブロックを作る

回答クリップ

はてなダイアリーのヘルプ「引用ブロックを作る」
http://d.hatena.ne.jp/help#blockquote

はてなダイアリー用参考資料

関連参考資料

強調,引用,グループ化,画像などの要素 -- ごく簡単なHTMLの説明「引用の方法」
http://www.kanzaki.com/docs/html/htminfo14.html#S13.1

その他編

外部アクセス解析の設置

回答クリップ

はてなダイアリー用参考資料

はてなダイアリー日記2/16「宣伝行為の範囲について」
http://d.hatena.ne.jp/hatenadiary/20030216#1045376733
いわし
http://www.hatena.ne.jp/iwashi?mode=treedetail&thread=0000000448
はてな情報削除ガイドライン「はてな利用規約」
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%be%f0%ca%f3%ba%ef%bd%fc%a5%ac%a5%a4%a5%c9%a5%e9%a5%a4%a5%f3?kid=31430#p11
はてな利用規約(6)禁止事項‐6
http://www.hatena.ne.jp/help/rules
はてなダイアリーガイド「はてなダイアリーのルール」規約を読まずに反則しやすいルール
http://d.hatena.ne.jp/keyword/%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a5%ac%a5%a4%a5%c9%a1%d6%a4%cf%a4%c6%a4%ca%a5%c0%a5%a4%a5%a2%a5%ea%a1%bc%a4%ce%a5%eb%a1%bc%a5%eb%a1%d7?kid=23253#p3
はてなダイアリー利用可能タグ
g:hatenadiary:keyword:はてなダイアリー利用可能タグ
はてなダイアリーXSS対策
g:hatenadiary:keyword:はてなダイアリーXSS対策

関連参考資料

サーチエンジン検索拒否・ロボット除けのための設定

回答クリップ

関連参考資料

Google ページの削除‐個々のページを削除する
http://www.google.co.jp/intl/ja/remove.html#exclude_pages

日記のダウンロード、はてなダイアリーのデータの移行

回答クリップ

はてなダイアリーのヘルプ「日記のダウンロード」
http://d.hatena.ne.jp/help#download

はてなダイアリー用参考資料

関連参考資料


このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

関連ブログ