アフィリエイト広告を利用しています

広告

posted by fanblog

2021年05月22日

ファンブログのスマートホン版CSS(スタイルシート)を追加する方法

つい先日まで、ファンブログではスマートホン版のスタイルシート(CSS)は、追加しても機能しないと思い込んでいたのですが、単に書く場所を間違えていただけと分かりました。
以前、なぜ機能しないのか調べていたときに、ヘルプのどこかに「スマートホン版はスタイルシートが使えない」というようなことが書いてあったような記憶がありますが、その記憶も勘違いだった可能性が高いです。
ひょっとしたら、他にも同じように思っている人がいるかもしれないので、どこに書けばいいのか説明しておきます。


ちなみに、ファンブログのヘルプ ↓ では、私が気付かなかった部分の説明は含まれていません。

 スタイルシートの編集方法: ファンブログFAQ



ファンブログのスマートホン版スタイルシート(CSS)を追加する方法


1)管理画面上部メニューの[デザイン]をクリックします。
SC20210521135344.png


2)[スマートホン]タブをクリックします。
SC20210521135426.png


3)適用しているデザインのタイトル部分をクリックします。
SC20210521135452.png


4)開いたページでスタイルシート(CSS)を追加できるように見えますが、ここに追加しても記事内のスタイルとして機能しません。
右上の[記事]をクリックします。
SC20210521135529.png


この「右上の[記事]をクリック」というのに気が付かなかったのが、スマートホン版のスタイルシート(CSS)が機能しない原因だったわけです。
3)でデザインのタイトル部分をクリックして開いた状態は、右上にある「トップ|記事」の2ページあるうちの「トップ」のページであって、「記事」に適用するスタイルシート(CSS)は、[記事]のページに書かないとダメなのです。


[記事]のページを開いたら、その編集部分の一番下に、追加したいスタイルシート(CSS)を書けば、スマートホン版のデザインに反映されます。


ファンブログのデザイン テンプレートは、レスポンシブのものはなかったと思いますので、パソコン版とスマートホン版の両方でスタイルシート(CSS)を追加する必要があります。
パソコン版とスマートホン版とで、デザインを変えることが可能と考えることもできるので、どちらがいいかは微妙です。


ちなみに、パソコン版のスタイルシート(CSS)を開いたページも同じように「トップ|記事|過去ログ|カテゴリ」にページが分かれていて、やはり「トップ」のページが開きます。
ただしこちらは、その「トップ」のページにスタイルシート(CSS)を追加すれば、各記事のデザインとして反映されます。
SC20210521155548.png




にほんブログ村 IT技術ブログ フリーソフトへ
この記事へのコメント
コメントを書く

お名前: 必須項目

メールアドレス:


ホームページアドレス:

コメント: 必須項目

この記事へのトラックバックURL
https://fanblogs.jp/tb/10742978

※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
ブログ内を検索
ファン

最新記事
カテゴリー
最新コメント
ツイッター
広告設置のお知らせ

当ブログは、Amazonアソシエイト・プログラムの参加者です。
(Amazonアソシエイト・プログラムは、amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムです)
記事内で使用している画像の一部は、Amazonの商品画像を使用しており、その商品へのリンクになっています。

また、その他のアフィリエイト・サービス・プロバイダなどの広告も表示しています。
当ブログをご覧の際は、cookie を有効にし、Webブラウザの広告ブロック機能を使用しないで、ご覧いただきますようにお願いいたします。

プロフィール
ぽん太親父さんの画像
ぽん太親父
建築関係の小さな事務所で、他に適当な人間がいないことから、コンピューター関連の担当をさせられています。 趣味でけっこう長い間パソコンを使っていますが、ちゃんと勉強していないので、うまくいかなくて冷や汗をかくこともしばしば。
プロフィール
×

この広告は30日以上新しい記事の更新がないブログに表示されております。