質問: HTMLサイトをワードプレスに移行した時に、なぜか背景画像だけが表示されません。 index.phpフォルダの中に、 のタグを入れると画像が読み込まれるということは分かったのですが、 style.cssのフォルダの中に .section-contents { width: 100%; background: url(../images/×××.jpg); } と指定してますが,背景の画像が反映されないのはなぜでしょうか? 下記の同じような質問されてた投稿記事でも試しましたが、出来ませんでした.. ご回答お願い致します。
回答: このような質問の場合は、ファイルの場所が問題になるので、style.cssファイルと画像のある「パス」を質問に記載していただけないでしょうか? 以下、推測で記載すると... ( テーマのディレクトリは my-theme-dir で、style.css はテーマディレクトリの直下にあると仮定。 ) 質問の CSS の記載の場合、 > > style.cssのフォルダの中に > > .section-contents { > > width: 100%; > > background: url(../images/×××.jpg); > > } > > > 以下のような配置でないと正しく表示されないと思われます。(my-theme-dir ディレクトリと images ディレクトリが同じ階層) ``` wp-content/ +-- themes/ | +-- my-theme-dir/ | | +-- style.css | | | +-- images | | +-- xxx.jpg ``` 仮に ``` wp-content/ +-- themes/ | +-- my-theme-dir/ | | | | | +-- style.css | | | | | +-- images | | | +-- xxx.jpg ``` という配置(style.cssと images ディレクトリが同じ階層)だとすると ``` .section-contents { width: 100%; background: url(images/×××.jpg); } ``` になるのではないかと思います。