日記の横にサイドバーを表示する

Hatena::Diary

はてなダイアリー ヘルプ

日記の横にサイドバーを表示する

■ 日記の横にサイドバーを表示する

サイドバーとは、便利なモジュールやリンク集を表示することができる日記本文横の縦長のスペースのことです。

「かんたんデザイン設定」では、表示させたいモジュールを選択することで自動的にサイドバーが設置され、その中にモジュールが表示されます。

「詳細デザイン設定」をお使いの場合、「ヘッダ」に

<div class="main">

と記述し、「フッタ」に、

</div>
<div class="sidebar">

</div>

と記述することにより、サイドバーを作ることができます。

サイドバーの中に表示させたい情報やモジュールは、<div class="sidebar"> と </div> の間に記入してください。


お使いのテーマによっては、sidebarクラスの指定が無いために、うまく画面のすみに表示されない場合があります。sidebarが使用可能なテーマをご利用いただくか、スタイルシートのカスタマイズによりdiv.sidebarクラス、div.mainクラスを定義してください。詳しくは「はてなダイアリーsidebar利用可能テーマ」などをご覧ください。


関連する情報