アメブロのレイアウトを確認する方法｜PCの2カラム・3カラムを見比べよう

パソコンの見た目を整える

アメブロの本文が窮屈に見える、メニューの位置を変えたい。そんなときは、まずデザインの設定からレイアウトを見比べましょう。この教材では、PCブログの現在の設定を調べ、変更を適用する前の画面で確認するところまで進めます。

1．管理画面から「デザインの設定」を開く

1. アメブロのブログ管理を開きます。
2. 左メニューのデザインの設定を押します。下にある場合はメニューをスクロールします。
3. 「デザインを編集する」で、現在のデザイン名とレイアウト名を見ます。

入口が分からない方は、管理画面の見方から進めてください。

2．「レイアウトの変更」を押す

1. 右側のレイアウトの変更を押します。
2. 別の確認画面が開き、上部にレイアウト候補、下部にブログの表示が出ます。
3. 丸い選択欄に印が付いているものを確認します。

3．2カラムと3カラムを見比べる

「カラム」は縦の列のことです。本文とメニューを合わせた列数で考えると、選びやすくなります。

1. 例として2カラム・メニュー右の丸い欄を押します。
2. 選択の印が移ったら、下のブログ表示を見ます。
3. 本文の幅、写真の見え方、メニューの位置を比較します。

4．比較だけなら「確認画面を閉じる」

今回は見比べる練習なので、確認画面を閉じるを押して設定画面へ戻ります。選択したレイアウトをブログへ反映するときに使うのが、隣の適用するです。

1. 確認画面を閉じるを押します。
2. 元の「デザインの設定」に戻ります。
3. 「デザインを編集する」で、元のデザイン名とレイアウト名を確認します。

5．迷ったら本文の読みやすさで選ぶ

• 写真が多い記事：写真が小さくなりすぎず、説明文と一緒に見られるか。
• 長めの文章：行の長さや余白が読みやすいか。
• メニューが多いブログ：読んでほしい項目を見つけやすいか。

この「デザインの設定」はPC画面用です。スマホの見た目とは分けて確認します。まずは色や飾りを増やすより、記事の本文と写真が読みやすい配置を選びましょう。