web-dev-qa-db-fra.com

Problème lors du chargement d'images à partir d'un fichier CSS de thème enfant avec un chemin approprié

Je rencontre un problème avec le chargement d'images pertinentes dans un fichier CSS à partir d'un répertoire de thème enfant. J'ai placé -

Sites: exemple.com OR 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 bien lorsque le site se trouve dans le dossier racine ( ou sous-domaines ), mais le chemin est interrompu lorsque le site provient d’une installation de sous-répertoires.

Site: exemple.com/sub-folder

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 à nouveau dans la racine ou le sous-domaine.

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

1
Ayanize

Le chemin wp-content/themes n'est pas nécessaire: les deux thèmes sont placés 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ù est stocké le fichier CSS", vous en avez déduit que la feuille de style réside dans le dossier du thème enfant - auquel cas vous êtes massivement vous compliquez les choses et pouvez simplement utiliser ( comme l'a suggéré @Rishabh):

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

Les chemins relatifs dans une feuille de style sont par rapport à la feuille de style elle-même - pas le document, le thème parent ou quoi que ce soit d'autre.

4
TheDeadMedic