WordPress個別サポート

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

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

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

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

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

背景色が白くならない

背景色が白くならない

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

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

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

背景色が白に変わる

背景色が白に変わる

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

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

WordPressでお困りのときはご相談を
細かい質問からCSSやPHPのカスタマイズ、トラブル対応まで、この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
WordPress個別サポートの特徴
  • 最短で本日中に問題解決できます
  • 見積もり無料・料金は終了後の後払いです
  • 銀座教室・スカイプ・出張またはメールで対応します
カスタマイズ・トラブル対応でお急ぎのときは
「カスタマイズがうまくいかない」「突然トラブルが発生した!」などでお急ぎのときはWordPressメールサポートで対応します。ご活用ください。
WordPress講座の問い合わせ先
WordPress講座申し込み
メールで問い合わせ

関連記事

スポンサーリンク