【賢威8】スマホ向けフッターパネルの色を変更する方法

me(青)

この前はスマホのフッターパネルの設定方法を解説しましたが、うまくできましたか?



男の子

おかげさまでフッターパネルを設置する事が出来たんですが、せっかくなら自分好みにカスタマイズとかしたいので、その方法も教えてもらえますか??

スマホ向けフッターパネルのデザインを変える方法


賢威8ではスマホのフッターにフッターパネルが表示できるようになっています。

このフッターパネルに表示するものを変更したり、リンク先をどこにするかは「賢威の設定」から簡単に出来るようになっていますが、フッターパネルの色自体を変更したり、境界線の変更をしたりする事は、ここからでは出来ません。

今回はこのフッターパネルの背景色などをカスタマイズをしたい人向けに解説していきます!

フッターパネルの背景色を変更する方法

  1. 「カスタマイズ」→「追加CSS」を選択

  2. 赤枠部分に追加するCSSを入力します

  3. このコードをコピーして②に貼り付けてください
  4. 「#eeeeee」の部分を好きなカラーコードに変更してください
  5. WEB色見本→https://www.colordic.org/ 
    これでフッターパネルの背景色が変わります

フッターパネルの境界線の色を変更する方法

  1. 「カスタマイズ」→「追加CSS」を選択

  2. 赤枠部分に追加するCSSを入力します

  3. このコードをコピーして②に貼り付けてください
  4. 「#eeeeee」の部分を好きなカラーコードに変更してください
  5. WEB色見本→https://www.colordic.org/ 

  6. 線の太さは「1px」の部分を好みのサイズに変更してください
  7. これでフッターパネルの境界線の色や太さなどが変わります

さいごに

今回は賢威8テーマのスマホ表示時のフッターパネルの背景色や境界線の色の変更等について解説しました。いかがだったでしょうか?

\あわせて読みたい/