【アメブロ】スマホデザインの変更方法

アメブロのデザインを自分好みにカスタマイズしたい方にむけて、今回は、スマホデザインを変更する方法を解説しています。

パソコンとスマホのデザインは別々に設定

動画でも設定方法を解説しています。

アメブロのブログデザインは、
・パソコン
・スマートフォンブラウザ
のそれぞれで設定できます。

デザインはパソコンとスマホで連動していません。

スマホで見たときのデザインをカスタマイズしたい場合、　　
パソコンからの設定とは別にスマホのAmebaアプリから設定する必要があります。

スマホ版では、パソコンのようにヘッダー画像、グローバルメニュー、サイドバーなどを設定できたのですが、スマホ版は、それらが表示されません。

スマホで変更できるのは全体デザインとレイアウトのみ

ここから、変更の手順をお話ししていきます。

Amebaアプリから、スマホ用の管理画面を立ち上げます。
下の方に「デザイン・レイアウトの変更」を選びます。

ブログデザインの設定から、
デザインテンプレートを選びましょう。

テンプレートを選ぶと
・ブログの背景色
・ヘッダー画像
が変わります。

ヘッダー画像や背景色はテンプレートごとに決まってるので、
個別に変えることはできません。

公式ブロガーの人のみ、オリジナルのヘッダー画像を入れることができます。

　　
続いて、右上の「レイアウト変更」ボタンから
記事一覧のレイアウトを変えることができます。

• スタンダード
• ワイド
• サムネなし

3種類から選ぶことができます。

タイトルと画像をバランスよく見てもらうスタンダードがおすすめです。

レイアウトを決定したあと、
「ブログを確認する」をタップすると、
表示を確認できます。

Amebaアプリではデザインは反映されません。

スマホでアメブロをみるときには、
SafariやChromeなどのブラウザで見る方法と
Amebaアプリを使う方法、
2つのやり方があります。

そのうち、
Amebaアプリから閲覧した際は、
デザインが統一されており、
個別にデザインの変更はできません。　

パソコンと比べると、
スマホはデザイン設定できる場所が限られています。　

パソコンほど個性が出るものではないですが、
ブログのイメージに合わせて
デザインしてみてくださいね。

他にもアメブロカスタマイズ方法を紹介しています！ぜひ、一緒にご覧ください↓