WordPress個別サポート

サイト画面の背景色は「外観」‐「背景」メニューで設定できますが、さまざまな事情で設定が反映されない場合があります。

たとえば、BizVektor1.1.2の「外観」‐「背景」メニューで画面の背景色を白(#ffffff:デフォルトの色)に設定します(デザインスキンは「Default」です)。

背景色を白に設定しても…

背景色を白に設定しても…

背景色が白くなりません(勘違いだったら恐縮です)。

背景色が白くならない

背景色が白くならない

この場合、子テーマのstyle.cssなどに次のCSSを入力すると解決します。

/* サイトの背景色を白に設定する */
body.custom-background { background-color: white; }

これにより、サイトの背景色を任意の色に変更できます。この例では「white」(白)に設定しています。

背景色が白に変わる

背景色が白に変わる

「外観」‐「背景」メニューの色設定を無視する「やっつけ」の対策ですが、テーマのアップデートで突発的に背景色の設定が反映できなくなる場合があったり、カスタム背景に対応していないテーマが納品された場合のために覚えておいて損はないでしょう。

上記のCSSでサイトの背景色を変更できるのは、サイトのHTMLのbodyタグに「custom-background」というclass名が付いているためです。

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
WordPress講座の問い合わせ先

関連記事

BizVektorのカスタマイズ

WordPressカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート