WordPressのstyle.cssで画像が挿入できなくて困っています

Question

前提・実現したいこと

WordPressのサイト作成を行っております。
テーマはXeory Extension Childです。
現在style.cssにCSSを追加してデザイン調整しています。
グローバルナビの下にTOP画像を差し込みたいと思っています。

発生している問題・エラーメッセージ

画像が反映されません。
他は問題なく反映されています。

該当のソースコード

background-image:url(top_visual.jpg) !important;

これで反映されませんでした。

試したこと

画像はメディアライブラリには入っている状態です。
メディアライブラリのファイルを指定する記述をするべきなのかと初心者ながらに考えておりますが、
そもそもメディアライブラリのファイルが見つけられません。
検証ツールを使用して探してみましたが、ファイル名が分からず、お手上げです。

もちろん上記のやり方でなくても、画像が反映されさえすれれば良いのです。
みなさんどうやって画像を差し込んでいらっしゃるのでしょうか。

Answer 1

メディアライブラリで画像の詳細を見ればURLはわかりますが
cssに使う画像はテーマに入れたほうがいいですよ

メディアライブラリの画像ではローカルとリモートでURLが変わってしまうので不便です
テーマに入れておけば相対パスで画像のURLを指定できます

サイトのカスタマイズでロゴとして指定された画像を
ということであればphpにstyleタグか
直に対象要素にstyle属性を吐かせる方向の方が良いかと思います

Comments

[Miz_Miz]

返答ありがとうございます！
テーマに入れるという方法を試してみたいと思います。

テーマに入れるということは、FTPなどで、テーマのファイルがあるところに、imagesファイルを作成して、アップロードするということでしょうか。
これは画像を増やすたび、この作業をするような認識であっていますでしょうか。

[KazuhiroHatano]

> テーマのファイルがあるところに、imagesファイルを作成して、アップロードするということでしょうか。

その認識であっています

管理画面で差し替えができる、ということが要件でないならば
テーマに画像を置いてしまう方が楽です

管理画面で差し替えられる画像をcssで使いたいのであれば
回答に書いた通り、cssファイルに書くより
syleタグかstyle属性をテンプレートで出力する方向で考えた方がいいです

[Miz_Miz]

ありがとうございます。
教えていただいた内容で、トライしてみます。
丁寧な回答ありがとうございました。
ベストアンサーとさせていただきます！