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

Blogger のテーマの中で 1 カラムや 2 カラムなどカラム数が決まっているテーマに対して、あとからカラムレイアウトを変更することができます。なおすべてのテーマで設定できるわけではありません。ここでは Blogger のブログのカラムレイアウトを設定する方法について解説します。

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

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

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

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

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

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

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

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

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

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

画面左側に表示されている「レイアウト」をクリックしてください。(レスポンシブのテーマなどは「レイアウト」メニューが表示されず、レイアウトの設定を行うことができませんでした)。

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

ブログの本文のレイアウトおよびフッターのレイアウトを設定する画面が表示されました。

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

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

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

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

それぞれのレイアウトは 1 カラムから 3 カラムまでのレイアウトとなっています。現在のテーマはデフォルトで 2 カラムで右にサイドバーがあります。

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

それでは例として左右にサイドバーがある 3 カラムのレイアウトを選択してみます。

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

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

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

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

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

先ほど選択した 3 カラムのレイアウトにブログが変更されました。

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

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

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

それぞれのレイアウトはフッターの部分について 1 カラムから 3 カラムまでのレイアウトとなっています。現在のテーマはデフォルトで 2 カラムとなっています。

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

それでは例として 3 カラムのレイアウトを選択してみます。

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

右側のプレビューを見てみるとフッターの部分が 3 カラムになっているのが確認できます。

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

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

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

テーマに対する変更が保存されました。現在は 3 カラムあるフッターの部分に何も追加していないのでレイアウトを変更してもブログの見た目は変わっていませんが、必要であれば 3 カラムにそれぞれガジェットを追加することができます。

-- --

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

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

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