ヘッダ画像の推奨サイズ

デザイン設定画面で設定できる「ヘッダ画像」の推奨サイズは次の通りです。 PC・レスポンシブデザイン PC・レスポンシブデザイン用ヘッダ画像の推奨サイズは、幅1000px、高さ200pxです。 閲覧する環境によって、左右の領域はカットされることがあります。 ス…

デザインテーマをインストールする

はてなブログでは、「テーマストア」からはてなブログ公式のデザインテーマやはてなブログユーザーが作成したデザインテーマを自分のブログにインストールできます。

デザインCSSを記述する

この機能は開発者向けの設定です。利用上の注意をお読みになり、自己責任でのご利用をお願いします。デザイン編集「カスタマイズ」タブの「デザインCSS」では、ブログにCSSを記述できます。 概要 注意事項 はてなブログの仕様変更履歴 概要 「デザインCSS」…

ブログのデザインを変更する(カスタマイズ)

このページでは、はてなブログのデザインの「カスタマイズ」設定について解説します。

ブログのデザインを変更する(スマートフォン)

デザイン設定画面の「スマートフォン」タブでは、デフォルトのスマートフォン表示をカスタマイズできます。

記事ごとに任意のブログパーツなどを配置する

ブログのデザイン設定画面の「カスタマイズ」タブで、「記事」メニューの「記事上下のカスタマイズ」では、記事本文の上(記事タイトルの下)と下にHTMLやスクリプトを自由に記述でき、任意のブログパーツ、ソーシャルプラグイン、広告などを配置できます。…

記事ごとにブログパーツやソーシャルボタンを配置する

ブログのデザイン設定画面の「カスタマイズ」タブにある「記事」メニューでは、記事ページの表示をカスタマイズできます。用意されたソーシャルパーツの表示を選択できるほか、任意のソーシャルボタンやランキングサイトのプラグインなど記事ごとに表示する…

サイドバーにブログパーツやプラグインを配置する

「HTML」モジュールでは、さまざまなサイトで配布されているブログパーツやソーシャルプラグインを自由に貼り付けて、サイドバーに設置できます。また、自由にHTMLを記述して、テキストや画像をサイドバーに配置することもできます。 サイドバーにHTMLコード…

ブログパーツやソーシャルボタンを配置する

はてなブログでは、各種のブログパーツやソーシャルボタン、プラグインなどを自由に利用できます。ブログパーツやソーシャルボタンを貼り付ける(埋め込む)には、ブログの「デザイン設定」画面で「カスタマイズ」タブを開きます。 非公開のブログにもソーシ…

ブログのデザインを変更する

ブログの管理画面で、左側のメニューにある「デザイン」をクリックすると、ブログごとの デザイン設定画面 が開きます。

デザインテーマ制作の手引き

はてなブログでは、CSSを編集してオリジナルテーマを作ることができます。本ドキュメントでは、Webデザイナーの方がはてなブログ用オリジナルテーマを作成するために必要な情報をまとめています。