web-dev-qa-db-fra.com

Comment référencer une image de thème dans une feuille de style?

J'ai un élément global dans mon thème et j'ai besoin de faire référence à une image d'arrière-plan. J'ai besoin de l'URL de l'image. Je suppose que c'est une mauvaise pratique de coder en dur l'URL et que celle-ci doit être relative à l'emplacement du thème. Quelle est la méthode recommandée pour référencer une image dans une feuille de style?

6
Andrew

Cela dépend de votre image et de l'emplacement de la feuille de style.

Mais voici la syntaxe:

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

Le code ci-dessus est pour la structure

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

Vous faites le navigateur venir un répertoire avant et recherchez le répertoire des images.

7
Manoj Kumar