web-dev-qa-db-ja.com

適切なパスで子テーマCSSファイルから画像をロードする際の問題

子テーマのディレクトリからCSSファイル内の関連画像を読み込むのに問題があります。私が置いた -

サイト：example.com OR sub-domain.example.com

body{
background-image: url(/wp-content/themes/child-theme-name/images/some-image.png);
}

これで、サイトがルートフォルダ（ またはサブドメイン ）内にある場合は上記は問題なく動作しますが、サイトがサブディレクトリインストールのものである場合はパスが壊れます。

サイト：example.com/sub-folder

私が試した

body{
    background-image: url(../wp-content/themes/child-theme-name/images/some-image.png);
    }

現在はサブフォルダでも機能しますが、これもルートまたはサブドメインで分割されます。

ルートまたはサブディレクトリサイトの両方で画像が子テーマフォルダからロードされる正しいファイルパスの書き方（ say images folder ）

imageschild-themesubdomainspaths
1
Ayanize

wp-content/themesパスは必要ありません-両方のテーマが同じディレクトリにあるため、1つ上に移動してから子テーマに戻ることができます。

background-image: url(../child-theme-name/images/some-image.png);

更新：「CSSファイルはどこに保存されているか」に対する回答について、スタイルシートは子テーマフォルダーにあると推測しました。その場合、massively物事を複雑にしすぎて使用できます（@Rishabhが提案したように）：

background-image: url(images/some-image.png);

スタイルシートの相対パスは、スタイルシート自体に対して-ドキュメント、親テーマ、またはその他のことではありません。

4
TheDeadMedic