2021年05月22日
ファンブログのスマートホン版CSS(スタイルシート)を追加する方法
つい先日まで、ファンブログではスマートホン版のスタイルシート(CSS)は、追加しても機能しないと思い込んでいたのですが、単に書く場所を間違えていただけと分かりました。
以前、なぜ機能しないのか調べていたときに、ヘルプのどこかに「スマートホン版はスタイルシートが使えない」というようなことが書いてあったような記憶がありますが、その記憶も勘違いだった可能性が高いです。
ひょっとしたら、他にも同じように思っている人がいるかもしれないので、どこに書けばいいのか説明しておきます。
ちなみに、ファンブログのヘルプ ↓ では、私が気付かなかった部分の説明は含まれていません。
スタイルシートの編集方法: ファンブログFAQ
ファンブログのスマートホン版スタイルシート(CSS)を追加する方法
4)開いたページでスタイルシート(CSS)を追加できるように見えますが、ここに追加しても記事内のスタイルとして機能しません。
右上の[記事]をクリックします。
この「右上の[記事]をクリック」というのに気が付かなかったのが、スマートホン版のスタイルシート(CSS)が機能しない原因だったわけです。
3)でデザインのタイトル部分をクリックして開いた状態は、右上にある「トップ|記事」の2ページあるうちの「トップ」のページであって、「記事」に適用するスタイルシート(CSS)は、[記事]のページに書かないとダメなのです。
[記事]のページを開いたら、その編集部分の一番下に、追加したいスタイルシート(CSS)を書けば、スマートホン版のデザインに反映されます。
ファンブログのデザイン テンプレートは、レスポンシブのものはなかったと思いますので、パソコン版とスマートホン版の両方でスタイルシート(CSS)を追加する必要があります。
パソコン版とスマートホン版とで、デザインを変えることが可能と考えることもできるので、どちらがいいかは微妙です。
ちなみに、パソコン版のスタイルシート(CSS)を開いたページも同じように「トップ|記事|過去ログ|カテゴリ」にページが分かれていて、やはり「トップ」のページが開きます。
ただしこちらは、その「トップ」のページにスタイルシート(CSS)を追加すれば、各記事のデザインとして反映されます。
この記事へのトラックバックURL
https://fanblogs.jp/tb/10742978
※言及リンクのないトラックバックは受信されません。