ブログのカラムレイアウトを設定する

広告

Blogger のテーマはそれぞれ 1 カラムなのか 2 カラムなのかなどのカラムレイアウトが決まっていますが、あとからカラムレイアウトを変更することができます。ここではブログのカラムレイアウトを設定する方法について解説します。

ブログのレイアウトに関する設定画面を表示する

ブログのレイアウトを設定するには Blogger の管理画面左側に表示されている「テーマ」をクリックしてください。

ブログのレイアウトに関する設定画面を表示する(1)

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

ブログのレイアウトに関する設定画面を表示する(2)

「ブログで使用中」の下に表示されている「カスタマイズ」をクリックしてください。

ブログのレイアウトに関する設定画面を表示する(3)

テーマの編集画面が表示されます。

ブログのレイアウトに関する設定画面を表示する(4)

画面左上に表示されている「レイアウト」をクリックしてください。

ブログのレイアウトに関する設定画面を表示する(5)

ブログのレイアウトに関する設定を行う画面が表示されます。

ブログのレイアウトに関する設定画面を表示する(6)

本文のレイアウトを設定する

最初に本文のレイアウトを設定します。レイアウトは全部で 8 つの中から選択できるようになっています。

本文のレイアウトを設定する(1)

それぞれのレイアウトは次のようなカラムレイアウトになっています。

本文のレイアウトを設定する(2)

現在のテーマはデフォルトでは 2 カラム右サイドバーとなっています。

本文のレイアウトを設定する(3)

他のレイアウトに変更したい場合は、設定したいレイアウトをクリックしてください。同じ 2 カラム右サイドバーであっても、もう少しサイドバーが細かく分かれているものをクリックしてみます。

本文のレイアウトを設定する(4)

次に 3 カラムのレイアウトをクリックしてみます。

本文のレイアウトを設定する(5)

それでは今回はこの 3 カラムにレイアウトを変更してみます。設定が完了したら画面右上の「ブログに適用」をクリックしてください。

本文のレイアウトを設定する(6)

テーマに対して行った変更が保存されました。それではブログへアクセスしてみます。

本文のレイアウトを設定する(7)

ブログが左右それぞれにサイドバーがある 3 カラムのレイアウトになっていることが確認できます。

フッターのレイアウトを設定する

次にフッターのレイアウトを設定します。レイアウトは全部で 3 つの中から選択できるようになっています。

フッターのレイアウトを設定する(1)

フッターを 1 カラムにするか 2 カラムにするか 3 カラムにするのかを選択できます。現在のテーマはデフォルトでは 2 カラムとなっています。

フッターのレイアウトを設定する(2)

他のレイアウトに変更したい場合は、設定したいレイアウトをクリックしてください。例として 3 カラムをクリックしてみます。

フッターのレイアウトを設定する(3)

それでは今回はフッターをこの 3 カラムにレイアウトを変更してみます。設定が完了したら画面右上の「ブログに適用」をクリックしてください。

フッターのレイアウトを設定する(4)

テーマに対して行った変更が保存されました。現在フッターにはガジェットを一つも追加していないのでカラム数を変えても見た目的には何も変わりませんが、フッターの部分は 3 つのカラムに分かれていてそれぞれガジェットを追加することができるようになりました。

-- --

ブログのカラムレイアウトを設定する方法について解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

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