Bloggerでスマホ(モバイル)向けにカスタマイズする方法

Bloggerでスマホ(モバイル)向けにカスタマイズする方法。

Bloggerでは、テンプレートをカスタマイズできる。

例えば、

• フォントサイズを大きくする。
• Bootstrapのような外部CSSを読み込む。
• JavaScriptを実行する。

など。

しかし、単にカスタマイズしただけだと、PC用画面だけに反映される。iPhoneなどのスマホなどで見ても、反映されていない。

カスタマイズ結果をスマホ用画面にも反映するには、以下のようにすればOK

1. Bloggerの管理画面の「テーマ」をクリック
2. 「モバイル」の下にある歯車アイコンをクリック
3. 「モバイルテーマの選択」で、「カスタム」を選択
4. 「保存」

これで、PC画面用にカスタマイズした内容がモバイル用にも反映される。さっそく確認してみよう！