Partage

[thème wordpress] Problème fichier css

Le css ne s applique pas

Sujet résolu
9 août 2017 à 11:00:28

Bonjour j'essaye de créer un thème wordpress très simple. Ici avoir juste un titre qui dit salut avec une couleur rouge en background.

Malgré que wordpress reconnait mon thème et que je peux le modifier dans l'éditeur, il ne l'applique pas. Alors que quand je fais une modification dans mes fichier php les modifications apparaissent ( ex: un nouveau paragraphe, titre , ect). voici les différents capture d'écran de mes fichiers et de mon arborescence.

Mon arborescence

index.php

style.css

le résultat de la page index

Je vous remercie d'avance pour vos réponses.

-
Edité par DocteurPixel 9 août 2017 à 11:01:11

9 août 2017 à 13:35:22

Salut,

Elle est où ta balise body ?

Hébergement Gratuit -> https://www.planethoster.net/goph-bafa79877292029 Offre World Lite
10 août 2017 à 10:48:00

Elle y est par défaut dans toutes les pages html. J'ai pris la balise body comme exemple mais j'aurais pu en prendre n'importe quelle autres. Mon problème étant le fait que mon style.css ne s'applique pas quelque soit la balise que j'essaye de modifier.
Staff 10 août 2017 à 11:01:40

Bonjour,

si tu n'appelles pas la fonction "get_header", le fichier "header.php" n'est pas inclus. Or c'est lui qui contient le début de la page, incluant la balise "head" (complète), et la balise d'ouverture de "body". Là, en l'état, ta page ne contient rien d'autre que "<h1>Salut</h1>". C'est donc normal que ton CSS ne s'applique pas : il n'est pas appelé puisqu'il n'y a pas de "head".

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
10 août 2017 à 13:33:39

Lamecarlate a écrit:

Bonjour,

si tu n'appelles pas la fonction "get_header", le fichier "header.php" n'est pas inclus. Or c'est lui qui contient le début de la page, incluant la balise "head" (complète), et la balise d'ouverture de "body". Là, en l'état, ta page ne contient rien d'autre que "<h1>Salut</h1>". C'est donc normal que ton CSS ne s'applique pas : il n'est pas appelé puisqu'il n'y a pas de "head".


J'ai changer mon header.php.

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>Test form</title>
</head>
<body>

</body>

Mon index.php est conçue ainsi:

<?php

get_header(); 


get_footer();

?>

Mon footer.php:

<footer>
 
</footer>

Mon style.css:

/*
Theme Name: Theme recrutement
Author: David Lebe
Description: Theme pour le site de recrutement
*/
*{
            margin : 0;
            padding : 0;
}
body{
	background-color: red;
}
footer{
		background-color: #90C3D4;
		height: 200px;
		margin-top: 600px;
}

Merci pour ta réponse mais plutôt que d'avoir une page rouge j'ai une page blanche. Le css n’apparaît pas dans les fichier source de l'outil d'inspection de google. De plus mon footer est inclut dans mon body.

Résultat devtool google






Staff 10 août 2017 à 13:38:31

Ben c'est normal : dans ton header.php, tu n'as pas mis d'appel au fichier CSS. Le navigateur ne peut pas l'inventer.

Je te suggère d'étudier plus en détail des thèmes Wordpress existants, pour comprendre comment ils fonctionnent.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
10 août 2017 à 14:14:22

De plus attention à la faute dans ton header..

Ok tu appelles bien bien ta balise body mais tu la fermes aussitôt, il faut la fermer dans ton footer et aussi fermer la balise html ->

</body>

</html>

Je rejoins Lamecarlate, et te suggère aussi de reprendre les bases de HTML/CSS si tu n'as pas bien compris le fonctionnement. 

Hébergement Gratuit -> https://www.planethoster.net/goph-bafa79877292029 Offre World Lite
10 août 2017 à 14:22:57

Les fonctions wp_head() et wp_footer() permettent la création de fichier plus viable. Mais finalement je part sur une autre méthode, je vais créer un thème par héritage pour commencer. Merci pour votre aide.

[thème wordpress] Problème fichier css

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown