スタイルシートでテーマ画像を参照する方法

Question

私は私のテーマの一部としてグローバルな要素を持っています、そして私は背景画像として参照と画像化をする必要があります。画像のURLが必要です。 URLをハードコードするのは悪い習慣であり、URLはテーマの場所を基準にしている必要があると思います。スタイルシート内の画像を参照するのに推奨される方法は何ですか？

Answer 1

画像とスタイルシートの場所によって異なります。

しかし、これは構文です：

.theme-image {
  background-image: url('../images/header-img.jpg');
}

上記のコードは構造のためのものです

wp-content
 - themes
  - your-theme 
    - images
     - header-img.jpg
    - css
     - style.css

あなたはブラウザを一つ前のディレクトリにしてimagesディレクトリを検索させます。