Partage

WordPress : CSS ne marche pas sur les autres pages

3 janvier 2018 à 18:13:57

CSS ne marche pas sur les pages des menus (category.php) sauf la page d’accueil.

Bonjour,

Depuis hier je suis bloqué pour inclure le CSS sur les autres liens du site avec le fichier « category.php » car la page d’accueil fonctionne mais les 2 menus comme « Articles » et  « À propos » ne prend pas la mise en forme du CSS, j’ai essayé de chercher partout sur internet mais malheureusement ça ne fonctionne et je suis médiocre en PHP mais en HTML et CSS j’ai un niveau correct. J’ai fait le TP pour personnaliser son thème sur OpenClassrooms dont voici le lien : https://openclassrooms.com/courses/propulsez-votre-site-avec-wordpress/tp-personnalisez-votre-theme

Voici le fichier « style.css » :

/*
Theme Name: Thème TP
*/

* {
  margin:0;
  padding:0;
  text-decoration:none;
  color:black;
  font-family:sans-serif;
}
body {background:#F5F5F5;}
h1,h2 {color:#555;}
a {color:#DDAA88}



.container {
  margin:0 auto;
  width:900px;
}
.header {
  background:#E9E9E9;
  border-bottom:1px solid #E0E0E0;
  margin-bottom:20px;
  padding-top:10px;
}
.header h1 {
  color:#CC3030;
  font-size:40px;
  margin:10px 0;
}
.header h2 {
  color:#FF9090;
  font-size:24px;
}
.content {
  display:inline-block;
  width:650px;
}
.menu li {
  border-right:1px solid #DDD;
  display:inline-block;
  padding:10px;
  list-style:none;
}
.menu li:last-child {border:none;}
.menu a {color:#555;}
.current-menu-item a {color:#E44;}

.widgets {
  display:inline-block;
  width:200px;
  vertical-align:top;
}
.widgets li {list-style:none;}
.widgets aside {
  background:#FFF;
  border-radius:3px;
  box-shadow:0 2px 6px -2px #999;
  margin:0 0 15px;
  padding:15px;
}
.widgets aside h1 {
  border-bottom: 1px dashed #CCC;
  color:#555;
  margin-bottom:10px;
  font-size:18px;
}

.post {
  background:#FFF;
  border-radius:3px;
  box-shadow:0 2px 6px -2px #999;
  margin:0 10px 15px;
  padding:20px;
}
.post h1 {margin-bottom: 15px;}
.comment-respond {
  border-top:1px solid #DDD;
  font-size:14px;
  margin:20px 5px;
  padding-top:10px;
}
footer {
  text-align:center;
  font-size:12px;
  background:#E9E9E9;
  border-top:1px solid #E0E0E0;
  margin-top:20px;
  padding:10px 0;
}

J’ai fait comme ce qui a été écrit dans le corrigé de ce TP plus avec ces fichiers « comments.php », « content.php », « footer.php », « functions.php », « header.php », « index.php », « sidebar.php » et les 2 fichiers que j’ai cité en haut. Je trouve bizarre que les autres pages n’ont pas la même forme alors qu’il y a que la page d’accueil qui fonctionne avec cette feuille CSS.

Je ne sais pas quoi mettre sur le fichier « category.php » du coup car il ne veut pas inclure ce CSS pour ces pages-là.

Je vous remercie de répondre au plus vite.



WordPress : CSS ne marche pas sur les autres pages

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