「HTML」モジュールでは、さまざまなサイトで配布されているブログパーツやソーシャルプラグインを自由に貼り付けて、サイドバーに設置できます。
また、自由にHTMLを記述して、テキストや画像をサイドバーに配置することもできます。
サイドバーにHTMLコードを追加する方法
- ブログパーツやプラグインのHTMLコードを、それぞれの配布サイトからコピーする
- ブログのデザイン設定で「カスタマイズ」タブの「サイドバー」を開く
- 「モジュールを追加」をクリックする
- 「HTML」を選択する
<p> ... </p>
と表示されているテキストエリアにHTMLコードを貼り付ける- 必要ならは「タイトル」を付け、「適用」をクリックすると新しいモジュールが追加される
- モジュールの表示位置をマウスのドラッグで変更する
- 「変更を保存する」をクリックする
HTMLモジュールの編集モード
HTMLモジュールでは、「モード」プルダウンメニューを選択し、はてな記法やMarkdownといった簡易マークアップで編集することもできます。
- ブログパーツやソーシャルプラグインなど、配布されているHTMLコードをそのまま貼り付けるときには、デフォルトの「HTML」モードを選択してください
- コンテンツを自由に記述する際には、「HTML」「はてな記法」「Markdown」の中で記述しやすい編集モードを選択してください
- 「HTML」モードでは、HTMLだけでなく
http:
記法やasin:
記法など、はてな記法の一部も記述できます - 「はてな記法」モードでは、そのほか表組みやリストなどを含むすべてのはてな記法を記述できます(デザインテーマによっては、サイドバーの表組みやリストは期待した通りにデザインされていない場合があります)
- 「HTML」モードではテキストを改行する際に明示的に
br
要素を追加したり、p
要素で段落として記述する必要がありますが、「はてな記法」や「Markdown」では改行や1行空きを入れるだけで自動で適切なHTMLに展開します
- 「HTML」モードでは、HTMLだけでなく
関連項目
関連記事(はてなブログ開発ブログ)
- 2014-10-02 サイドバーに設置できるHTMLモジュールを、はてな記法やMarkdownでも編集できるようにしました
- 2012-01-18 「サイドバー編集機能」を追加しました