ブログのメインコンテンツやサイドバーの幅を設定する

ブログのメインコンテンツの幅やサイドバーの幅は決められた範囲内であれば管理画面から簡単に変更することができます。ここでは Blogger で作成したブログのメインコンテンツの幅とサイドバーの幅を変更する手順について解説します。

(2022 年 04 月 12 日公開 / 2022 年 06 月 06 日更新)

ブログの幅の設定画面を表示する

ブログのメインコンテンツの幅やサイドバーの幅を設定する方法です。管理画面左側に表示されている「テーマ」をクリックしてください。

ブログの幅の設定画面を表示する(1)

「テーマ」画面が表示されます。

ブログの幅の設定画面を表示する(2)

一番上に現在使用しているテーマが表示されています。現在のテーマに表示されている「カスタマイズ」をクリックしてください。

ブログの幅の設定画面を表示する(3)

テーマのカスタマイズを行う画面が表示されます。

ブログの幅の設定画面を表示する(4)

ブログの幅に関する設定を行うには、画面左側の「詳細設定」をクリックしてください。

ブログの幅の設定画面を表示する(5)

詳細設定を展開するとすぐ下にドロップダウンメニューが表示されています(デフォルトでは「ページのテキスト」が選択されています)。このドロップダウンメニューをクリックしてください。

ブログの幅の設定画面を表示する(6)

設定する項目の一覧が表示されます。この中の「幅」をクリックしてください。

ブログの幅の設定画面を表示する(7)

ブログの幅の設定画面を表示する(8)

ブログの幅を設定する画面が表示されます。

ブログの幅の設定画面を表示する(9)

ブログのメインコンテンツとサイドバーの幅を設定する

現在使用しているテーマでは、デフォルトでブログのメインコンテンツの幅が 922px でサイドバーの幅が 284px となっています。(メインコンテンツの部分は表示エリアが 890px で左右に 16px ずつの padding が設定されています)。

ブログのメインコンテンツとサイドバーの幅を設定する(1)

例えばメインコンテンツの幅を 1000px に変更します。テキストボックスの直接数値を入力するか、スライダーを動かして値を変更してください。

ブログのメインコンテンツとサイドバーの幅を設定する(2)

右側のプレビューにすぐに反映されて表示されます。(968px+16px+16px)。

ブログのメインコンテンツとサイドバーの幅を設定する(3)

またサイドバーの幅を 200 px に変更します。(サイドバーはプレビューに表示されていないので確認はできません)。

ブログのメインコンテンツとサイドバーの幅を設定する(4)

設定が終わりましたら画面右下の「保存」アイコンをクリックしてください。

ブログのメインコンテンツとサイドバーの幅を設定する(5)

テーマに対する変更が保存されました。それではブログを表示してください。

ブログのメインコンテンツとサイドバーの幅を設定する(6)

メインコンテンツおよびサイドバーの幅が指定したサイズに変更されました。

-- --

Blogger で作成したブログのメインコンテンツの幅とサイドバーの幅を変更する手順について解説しました。

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。