背景(background-image)に設定された画像を消すCSSカスタマイズ

テーマ、あるいはそのスキンを使おうとすると、背景画像が予め設定されていることがあります。
問題は、これを消したいとき。
WordPressでサイトを構築している場合は子テーマを用いることが多いのですが。
親テーマ側で設定されている画像を子テーマ側でどうやって消したらいいかわからない方もいると思います。

以下、対処法です。

サイトの画像を右クリックして「検証」をクリック。
画像が使われているセレクタを調べます。

セレクタ(例として#hoge)が分かったら、子テーマのstyle.cssに次のコードを書き込んでください。

#hoge{
background-image: none;
}

これでいけます。

意外に盲点となってると思いましたので紹介してみました

天満川 鈴のプロフィール画像
WRITTEN BY

天満川 鈴

未経験からWEB業界に入り、現在はWEBディレクターとして実務に従事。 要件整理・導線設計・コンテンツ構成などを学びながら、日々改善を重ねています。 AIを活用したコンテンツ制作・効率化を強みとし、プロンプト設計を含めた制作フローの最適化にも取り組んでいます。
本サイトでは、WordPressやサイト制作に関する試行錯誤・検証内容を中心に発信。 技術検証の一環として、KUSANAGI公式サイトにて記事を2回紹介いただきました。

RECOMMENDED INFRASTRUCTURE

私はConoHa以外を勧めない。

2016年からずっとConoHaを使い倒してきました。知人に「一番いいサーバーは?」と聞かれたら、迷わずここを教えます。

レンタルサーバーナンバーワンを誇る高速環境であることはもちろん。私が「黒い画面って何?」というド素人からサイト制作のプロになれたのは、傍らにずっとこのはちゃんがいてくれたから。

私がConoHaを使い続ける、嘘偽りない理由です。

公式サイトで詳細を見る
× 閉じる