2023-07-01

Blogger のモバイル表示にカスタム CSS が適用されていなかった

タイトルの通りなんですが、自分のブログを Android 端末で見てみたところ、カスタム CSS が適用されていないことに気づきました。

Blogger では「テーマ」「カスタマイズ」「詳細設定」「CSSを追加」でカスタム CSS を登録することができます。

普段は PC で記事を作成して確認しているためモバイル表示でどういう風に表示されているかは確認していませんでしたが、何かの調べものをしている時にたまたまアクセスしていて気づきました。

 

ということで、さっそくモバイル表示時にもカスタム CSSを適用するための手順になります。

「テーマ」「カスタマイズ」の右端の三角ボタンから「モバイル設定」へ進みます。

「モバイル設定」へ進む

続いて、「モバイルテーマを選択」「カスタム」と選択します。

「モバイルテーマを選択」で「カスタム」

 

「プレビュー」してもカスタム  CSS を使っていない記事が表示される場合があり、カスタム CSS の確認ができない場合があります。

右下の「保存」を忘れずに押しましょう。

最後に、Android なりのモバイル端末の実機でカスタム CSS を使っている記事にアクセスし、カスタム CSS が適用されていることを確認してみましょう。

 

 

たったこれだけで簡単な手順だったんですが、しばらく気づかないまま過ごしていました。残念。