sidebar

sidebar さいどばー （はてな）

smoking186 yukatti sugio pawadekun 編集
言及数のトレンド
言及数のトレンドグラフ
  • 今週の言及数: 7件(19,777位)
  • 今週のPV:272(1,913位)
グラフで詳しく見る
目次
注目キーワード
もっと見る
「はてな」の注目キーワード
もっと見る

sidebar（サイドバー）とは

はてなダイアリーなどで日記画面の右側や左側に表示される、本文とは別の欄のこと。はてな以外では「右カラム（column=欄、縦列）」「左カラム」のように呼ばれることもある。はてなダイアリー日記のように、主に自分のアンテナやプロフィール、最新キーワードリストなどの各種モジュールの表示に使われる。

はてなダイアリーでsidebarを表示する

はてなダイアリーでは、sidebar（サイドバー）対応テーマの場合、テーマのスタイルシートによりどのように表示されるかが指定されている。テーマによってsidebarに対応しているものとしていないものがある。

また、自分で日記管理ツール画面「デザイン > 詳細デザイン設定」のヘッダ・フッタ欄、スタイルシート欄にsidebar表示のためのHTML・CSS指定を自由に設定することもできる。

かんたんデザイン設定で選べるテーマ
かんたんデザイン設定でアンテナやカレンダーを選ぶことで、自動的にサイドバーが表示される。
sidebar対応テーマ
「はてなダイアリーsidebar利用可能テーマ」を参照。自分でHTMLタグを書く（以下で説明）、または一度かんたんデザイン設定でサイドバーを作ったあと、詳細設定でテーマだけを元に戻すことで作成できる。
sidebar非対応テーマ・テーマ指定なし
自分でHTMLとスタイルシートを書く（以下で説明）

sidebarを作る（1）id:hatenadiary風に左側に縦長に表示させる

かんたんデザイン設定で選べるテーマ利用の場合

はてなダイアリーsidebar利用可能テーマの場合

以下の記事を参考にしてください。

sidebar非対応テーマの場合

sidebarを作る（2）右側に縦長に表示させる

sidebarを作る（3）左右に表示させる

sidebarを作る（4）上に表示させる

sidebar内のモジュールのリスト先頭に出る斜体数字の斜体をやめたい

sidebarにantennaモジュールやkeywordモジュールなどを表示させたとき、モジュールのリスト先頭に出る斜体数字。この数字を、斜体はやめて普通の数字にしたい。そんなときの解決法です。CSSで調整します。

sidebarと本文とで色を分ける

参考リンク

関連キーワードとヘルプ

その他のページ

関連キーワード

テーマはてなブックマークCSSTwitterサイドバーclass属性

このキーワードを共有する

はてなダイアリーに投稿 このエントリーをはてなブックマークに追加

このキーワードのリンク

このキーワードを検索

リンクスコア： 65

このキーワードを含むブログ RSSフィード

このキーワードについてブログを書く
2013年06月20日 00時44分 現在
「sidebar」を含むブログをもっと読む

このキーワードを含むキーワード (31語中30語)

あ iTunes, 教えてはてなダイアリー質問と回答のための便利帳, antennaモジュール
か class属性, かんたんデザイン対応テーマ一覧, ゴッゴル
さ sectionモジュール, サイドバー
た テーマ
は はてなダイアリーsidebar利用可能テーマ, はてなダイアリーTipsスタイルシートでデザイン編, はてなダイアリーガイド「はてなフォトライフと合わせて使う」, はてなダイアリーガイド作成用伝言板, はてなダイアリーFAQ, はてなダイアリーTips, はてなダイアリーに関するキーワード, はてなダイアリーガイド「サイドバーに何かを入れる」, はてなダイアリーガイドとヘルプの索引あ行, はてなダイアリーガイドとヘルプの索引更新履歴, はてなダイアリーガイドとヘルプの索引英数, はてなダイアリーガイドとヘルプの索引ま行, はてなダイアリーガイドとヘルプの索引さ行, はてなダイアリーガイド「かんたんデザイン設定」, はてなダイアリーガイド「ヘッダやフッタに何かを入れる」, はてなダイアリーガイド「CSSセレクタ」, はてなダイアリーガイド作成用伝言板ログ2, はてなダイアリーガイド(仮)への要望, はてなダイアリーガイド(仮)ブックマーク, はてなダイアリーFAQ「モジュールの使い方」
もっと見る