8791 sujets

Développement web côté serveur, CMS

Wordpress n'interprète pas mon CSS et mes images.

Bonjour à tous !

J'ai réalisé un site et maintenant, je dois le rendre administrable pour mon client.
J'ai donc installé wordpress sur mon site et je créer mon propre thème.

Tout est bien installé, mon thème est parfaitement reconnu, il interprète donc bien style.css et screenshot.png

Mon soucis c'est mes pages php (je n'en n'ai qu'une seule pour le moment) n'a aucun css. Quand je regarde le code, style.css amène sur une erreur 404.

Pourtant, style.css est bien à sa place sinon mon thème serait considéré comme "endommagé". Donc ma css est dans wp-content/theme/nomedemontheme/style.css au même niveau que ma page php (index.php).

Dernière précision : le style.css s’interprète bien quand il est à la racine, mais pas quand il est dans mon thème :
www/style.css - ça marche.
www/wp-content/theme/nomedemontheme/style.css - ça marche pas.

J'ai le même problème pour les images.

Merci pour vos précisions. Smiley cligne
Bonjour,
Le dossier thèmes de WordPress s'écrit avec un s. Dans ton URL tu as écrit thème au lieu de thèmes.
Mais je te conseille d'utiliser la fonction get_template_directory_uri() pour appeller ton fichier. Smiley cligne
Hello,

Il ne faut jamais utiliser de chemins absolus comem tu le fais pour intégrer les ressources de ton site (css, js, images, etc.). Lorsque tu mettra ton site en ligne, ces chemins absolus t'obligeront à tout refaire.

Voilà des rappels pratiques pour intégrer les fichiers externes de ton thème :

<!-- Appel de la feuille de styles -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<!-- Au passage, pour l'appel d'un script JS éventuel… -->
<script src="<?php bloginfo( 'template_url' ); ?>/js/scripts.js"></script>

<!-- Et quand tu auras besoin d'intégrer une image, comme un logo par exemple… -->
<h1><img alt="Mon beau logo" src="<?php bloginfo( 'template_url' ); ?>/images/logo.png" /></h1>

Modifié par audrasjb (09 Apr 2014 - 09:35)
Bonjour et merci pour ces réponses.
Mais je ne comprends pas bien comment cela fonctionne.

<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'stylesheet_url' ); ?>" />


Mon site est en responsive, j'ai plusieurs feuille de style, comment spécifier une en particulier ?

<img alt="Mon beau logo" src="<?php bloginfo( 'template_url' ); ?>/images/logo.png" />


Là, pareil comment déterminer l'image à prendre ?

En faite je ne vois pas à quoi renvoi 
template_url


Smiley decu
Hello,

Le paramètre stylesheet_url retourne l'adresse de ta feuille de style principale (celle qui t'a permis de déclarer ton thème. C'est ce qu'il faut utiliser pour appeler ta CSS.

Le paramètre template_url retourne l'adresse du répertoire du thème actif. C'est ce qu'il faut utiliser pour linker une ressources présente dans le repertoire de ton thème.

Si tu as une autre feuille de style à linker, tu peux par exemple utiliser :
<link rel="stylesheet" type="text/css" href="<?php bloginfo( 'template_url' ); ?>/monautrecss.css" />


Pour mieux comprendre, essaye de faire simplement :
<?php bloginfo('template_url'); ?>

Dans ton thème et regarde ce que ça affiche Smiley cligne

> Plus d'infos sur les marqueurs de modèle WP sur le codex
> le marqueur de modèle bloginfo() sur le codex
kiyomasa a écrit :

<img alt="Mon beau logo" src="<?php bloginfo( 'template_url' ); ?>/images/logo.png" />

Là, pareil comment déterminer l'image à prendre ?

Sachant que <?php bloginfo( 'template_url' ); ?> retourne l'adresse du répertoire du thème actif (sans slash final), on va ensuite chercher le fichier logo.png dans le répertoire "images". C'est ça que tu modifie pour aller chercher d'autres ressources…

Smiley murf
Oui pour les images ça fonctionne, j'ai bien saisi le truc Smiley cligne

Pour la feuille de style, idem, je vais essayer pour les autres feuilles de style pour mon responsive.

Merci Smiley smile
Sujet clos
Aller à