ブログの管理画面で、左側のサイドバーから「デザイン」をクリックすると、ブログごとのデザイン設定画面が開きます。

PC版でデザイン設定画面を開くと、デザインに必要なメニューが左サイドに集められています。

上部には「管理画面に戻る」と「変更を保存する」という2つの操作ボタンがあります。「変更を保存する」をクリックすると、選択したデザインが実際のブログに反映されます。

「デザイン設定」の操作ボタンの下には、「デザインテーマ」「カスタマイズ」「スマートフォン」の3つのタブがあります。

はてなブログのデザインをカスタマイズするには、次の手順で操作します。

また、「スマートフォン」では、スマートフォンから閲覧したときのデフォルト表示をカスタマイズできます。

デザイン設定画面の中央には大きくプレビューが表示されます。中央のプレビューを確認しながら、デザインのメニューを操作します。

はてなブログ公式のデザインテーマから、ブログにインストールしたいテーマを選択します。また、これまでにインストールしたことがあるテーマから選ぶこともできます。詳しくはヘルプ「デザインテーマをインストールする」を参照してください。

ブログの背景やヘッダーなど、細かい部分を個別に編集できます。ヘルプ「ブログのデザインを変更する（カスタマイズ）」を参照してください。

独自のデザインテーマを作成するには「はてなブログテーマ制作の手引き」を参照してください。
「タイトル下」などHTMLを自由に記述できる場所にはWeb広告を設置することもできますが、はてなブログ個人営利利用ガイドラインをお守りいただいた上でご利用ください。

スマートフォンで表示されるデザインを設定できます。ヘルプ「ブログのデザインを変更する（スマートフォン）」を参照してください。

Movatterモバイル変換

はてなブログヘルプ