Css ne s'aplique pas

WordPress :5.2
Statut : non résolu

Ce sujet contient 14 réponses, 4 participants et a été mis à jour pour la dernière fois par ahkeur, le il y a 4 années et 10 mois.

15 sujets de 1 à 15 (sur un total de 15)

Auteur

Messages
24 novembre 2019 à 12 h 22 min #2286424
ahkeur
Participant

Initié WordPress
8 contributions
Bonjour,je rencontre actuelement un problème: j’ai installé wordpress en local avec wamp.Le site a été correctement configuré il marche correctement sauf que j’ai commencé a dévelloper un thème et la rien a faire le css ne marche pas!

J’ai mis les fichiers index.php, sidebar.php, style.css, footer.php et header.php dans le dossier theme.Le html marche correctement : il affiche bien « cc » mais il ne met pas la couleur.

Je vous met ci dessous le contnu de index.php , de style.css et de header.php.
```
.class {
color: red;
}
```
style.css
```
<html>

	<head>
		<title> Titre de mon site </title>
	</head>

	<body>
```
Header.php
```
<?php 

get_header();
 ?>


 <a class='class'> cc </a>
```
Index.php
24 novembre 2019 à 13 h 11 min #2286448
ahkeur
Participant

Initié WordPress
8 contributions
Ma configuration WP actuelle
- Version de PHP/MySQL : 7.2.18 / 5.7.26
24 novembre 2019 à 13 h 16 min #2286450

PhiLyon
Modérateur

Maître WordPress
28260 contributions

Bonjour.

sauf que j’ai commencé a dévelloper un thème

Il y a un minimum de bases à connaitre avant de développer, une mine https://codex.wordpress.org/fr:Accueil

🙂

24 novembre 2019 à 13 h 19 min #2286453

ahkeur
Participant

Initié WordPress
8 contributions

Bonjour et merci de votre réponse. Je code déja en html,css et php depuis pres de 3 ans maintenant. Et j’ai donc déja les « base »

24 novembre 2019 à 13 h 25 min #2286454
PhiLyon
Modérateur

Maître WordPress
28260 contributions
Le début d’un header.php fonctionnel
```
<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Seventeen
 * @since 1.0
 * @version 1.0
 */

?><!DOCTYPE html>
<html <?php language_attributes(); ?> class="no-js no-svg">
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">

<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
```
🙂
24 novembre 2019 à 13 h 27 min #2286455

ahkeur
Participant

Initié WordPress
8 contributions

J’ai essayé mais ca ne marche toujour pas : le texte reste noir

24 novembre 2019 à 13 h 28 min #2286456

mathieu42
Participant

Maître WordPress
2016 contributions

le message et le lien cité par PhiLyon parlait de développement dans WordPress donc d’un thème ou d’une extension. il ne parlait pas de développement web en général.

24 novembre 2019 à 13 h 30 min #2286457

PhiLyon
Modérateur

Maître WordPress
28260 contributions

j’ai installé wordpress

C’est bien dans WordPress !

🙂

24 novembre 2019 à 13 h 34 min #2286458

ahkeur
Participant

Initié WordPress
8 contributions

Oui c’est dans WordPress

24 novembre 2019 à 13 h 45 min #2286460
ahkeur
Participant

Initié WordPress
8 contributions
Ducoup il faut pas mettre
```
<link rel="stylesheet" type="text/css" href="style.css">
```
24 novembre 2019 à 14 h 20 min #2286464
audrasjb
Participant

Chevalier WordPress
103 contributions
Bonjour,

Si tu utilise
```
<link rel="stylesheet" type="text/css" href="style.css" />
```
ça ne marchera pas. Il faut utiliser les marqueurs de modèles.

Mettons que ton site soit situé à l’adresse https://example.com/.

Avec la balise link ci-dessus, la feuille de style sera recherchée à l’emplacement https://example.com/style.css.

Évidemment, il n’y a rien à cet emplacement : ta feuille de style se trouve ici : https://example.com/wp-content/themes/slug-de-ton-theme/style.css.

Pour dynamiser l’accès à cette ressource, voilà ce qu’il faut utiliser :
```
<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css" />
```
Mais pour le faire proprement, la feuille de style doit être enqueue via wp_head() (cf l’exemple de header.php ci dessus).

Je te recommande fortement de lire le handbook à destination des développeurs de thèmes : https://developer.wordpress.org/themes/

Si tu as des difficultés avec l’anglais, le site de Vincent regorge de bons articles pour comprendre comment fonctionnent les thèmes WP : https://vincentdubroeucq.com/articles/

Bon apprentissage 🙂

Jb Audras
- Cette réponse a été modifiée le il y a 4 années et 10 mois par audrasjb.
- Cette réponse a été modifiée le il y a 4 années et 10 mois par audrasjb.
24 novembre 2019 à 14 h 42 min #2286470

ahkeur
Participant

Initié WordPress
8 contributions

Bonjour @<span class= »bbp-author-name »>audrasjb</span> j’ai suivie tes conseils mais le css ne s’aplique toujours pas

24 novembre 2019 à 15 h 06 min #2286471

audrasjb
Participant

Chevalier WordPress
103 contributions

Il faut copier ici l’intégralité de ton code, car il y a nécessairement un souci quelque part.

24 novembre 2019 à 15 h 09 min #2286472
PhiLyon
Modérateur

Maître WordPress
28260 contributions
Une class qui s’appelle class, pas top, de plus pour l’appeler c’est comme-ça
```
class="class"
```
🙂
- Cette réponse a été modifiée le il y a 4 années et 10 mois par PhiLyon.
24 novembre 2019 à 15 h 12 min #2286474

ahkeur
Participant

Initié WordPress
8 contributions

Je viens de trouver mon erreur: j’ai mis un « s » a get_header(); je viens de l’enlever et mon code marche a merveille merci beaucoup a tout ce qui m’ont aidé
Auteur

Messages