WordPress : Problème de chargement d’images à partir du fichier CSS du thème enfant avec le chemin correspondant

Publié par Jean-Michel le

J’ai un problème avec le chargement des images pertinentes dans le fichier CSS à partir d’un répertoire de thème enfant. J’ai placé –

Sites : exemple.com OU sous-domaine.exemple.com

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

Maintenant, ce qui précède fonctionne correctement lorsque le site se trouve dans le dossier racine ( ou sous-domaines ), mais le chemin se brise lorsque le site provient d’une installation de sous-répertoire.

Site : example.com/sous-dossier

j’ai essayé avec

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

Maintenant, cela fonctionne dans les sous-dossiers mais casse à nouveau la racine ou le sous-domaine.

Comment écrire le chemin de fichier correct qui fonctionnera à la fois dans le site racine ou dans le sous-répertoire où les images seront chargées à partir d’un dossier de thème enfant ( par exemple dossier d’ images )

Solution n°1 trouvée

Le chemin n’est pas nécessaire wp-content/themes– les deux thèmes se trouvent dans le même répertoire, vous pouvez donc en parcourir un, puis revenir au thème enfant :

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

Mise à jour : concernant votre réponse à « où le fichier CSS est-il stocké », vous avez déduit que la feuille de style réside dans le dossier du thème enfant – auquel cas vous compliquez massivement les choses et pouvez simplement utiliser (comme @Rishabh l’a suggéré):

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

Les chemins relatifs dans une feuille de style sont relatifs à la feuille de style elle-même – pas au document, au thème parent ou à quoi que ce soit d’autre d’ailleurs.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *