sidebar
(はてな)
【さいどばー】
sidebar（サイドバー）とは
はてなダイアリーなどで日記画面の右側や左側に表示される、本文とは別の欄のこと。はてな以外では「右カラム（column=欄、縦列）」「左カラム」のように呼ばれることもある。はてなダイアリー日記のように、主に自分のアンテナやプロフィール、最新キーワードリストなどの各種モジュールの表示に使われる。
はてなダイアリーでsidebarを表示する
はてなダイアリーでは、sidebar（サイドバー）対応テーマの場合、テーマのスタイルシートによりどのように表示されるかが指定されている。テーマによってsidebarに対応しているものとしていないものがある。
また、自分で日記管理ツール画面「デザイン > 詳細デザイン設定」のヘッダ・フッタ欄、スタイルシート欄にsidebar表示のためのHTML・CSS指定を自由に設定することもできる。
- かんたんデザイン設定で選べるテーマ
- かんたんデザイン設定でアンテナやカレンダーを選ぶことで、自動的にサイドバーが表示される。
- sidebar対応テーマ
- 「はてなダイアリーsidebar利用可能テーマ」を参照。自分でHTMLタグを書く（以下で説明）、または一度かんたんデザイン設定でサイドバーを作ったあと、詳細設定でテーマだけを元に戻すことで作成できる。
- sidebar非対応テーマ・テーマ指定なし
- 自分でHTMLとスタイルシートを書く（以下で説明）
- sidebarを作る（1）左側に
- sidebarを作る（2）右側に
- sidebarを作る（3）左右に
- sidebarを作る（4）上に
- sidebar内のモジュールのリスト先頭に出る斜体数字の斜体をやめたい
- sidebarと本文とで色を分ける
- 参考リンク
sidebarを作る（1）id:hatenadiary風に左側に縦長に表示させる
かんたんデザイン設定で選べるテーマ利用の場合
- 「かんたんデザイン設定」を利用する（右側に出るテーマもあります）
- ヘルプ‐かんたんデザイン設定 http://d.hatena.ne.jp/help#easydesign
はてなダイアリーsidebar利用可能テーマの場合
以下の記事を参考にしてください。
- ヘルプ‐antennaモジュール http://d.hatena.ne.jp/help#antennaに設置方法あり。
- キーワード【はてなダイアリーsidebar利用可能テーマ】に対応テーマ一覧、Tips、非対応テーマにsidebarを表示させる方法 あり。
sidebar非対応テーマの場合
- id:smoking186さんのhttp://guide.g.hatena.ne.jp/smoking186/20000202のようにヘッダ・フッタ・スタイルシート欄を設定します。
sidebarを作る（2）右側に縦長に表示させる
- 「かんたんデザイン設定」を利用する（左側に出るテーマもあります）
- id:smoking186さんのhttp://guide.g.hatena.ne.jp/smoking186/20000201のようにヘッダ・フッタ・スタイルシート欄を設定します。
sidebarを作る（3）左右に表示させる
sidebarを作る（4）上に表示させる
sidebar内のモジュールのリスト先頭に出る斜体数字の斜体をやめたい
sidebarにantennaモジュールやkeywordモジュールなどを表示させたとき、モジュールのリスト先頭に出る斜体数字。この数字を、斜体はやめて普通の数字にしたい。そんなときの解決法です。CSSで調整します。
- はてなダイアリーガイド「CSSセレクタ - アンテナ型モジュール」
sidebarと本文とで色を分ける
参考リンク
関連キーワードとヘルプ
- モジュール
- antennaモジュール（ヘルプ記載事項、注意点、カスタマイズTips、生成されるクラス名解説へのリンクなど）
- sectionモジュール（ヘルプ記載事項、カスタマイズTips、応用利用法、生成されるクラス名解説へのリンクなど）
- はてなダイアリーのヘルプ「antennaモジュール」 http://d.hatena.ne.jp/help#antenna
- はてなダイアリーのヘルプ「sectionモジュール」 http://d.hatena.ne.jp/help#sectionmodule
- サイドバー
その他のページ
- 視覚的、はてなダイアリー文書構造サンプルHTML http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/index.html（※.hatena-body導入前の資料）
- CSS Tips for はてなダイアリー http://www.megaegg.ne.jp/~tirukuru/diary/hatenadiary/sample/tips.html
- テーマ別によるスタイルシートサンプル http://joram.agz.jp/hatena/hatena_theme.html
- はてなダイアリーガイド「CSSセレクタ」
このタグの解説について
この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。関連ブログ
ネットで話題
もっと見る
phpspot.org
tympanus.net
coliss.com116ブックマークFireDictionary - Cool dictionary on the Firefox sidebar.By moving the mouse cursor, a translation appears on the sidebar. FireDictionary finds the translation as a real-time operation when you move the mouse cursor. FireDictionary uses English-Japanese dictionary GENE95 as a dictionary content, which contains 57,350 words. It's fast to find the transl...
www.firedictionary.com
www.firedictionary.com
coliss.com
coliss.com
addons.mozilla.org
www.firedictionary.com
firefox.exxile.net
