WordPress : Pourquoi mon CSS ne se charge-t-il pas ?
J’ai le code suivant sur ma page wordpress mais rien n’est formaté par le fichier style.css. Tout est dans un dossier intitulé ‘Web Services’ que je place directement dans le dossier wp-content/themes. Tout ce qu’il fait est d’imprimer le texte brut.
En-tête.php :
<meta name="description" content = "Welcome to Flier Web Design!" />
<meta name="keywords" content = "Premium, Web, Design, Web Design, fast, easy" />
<meta name="author" content = "Corey" />
<title>Our PHP Template</title>
</head>
<body>
<div id="header">
<div id="logo">
<p>LOGO</p>
</div>
</div>
<div id="hsubcribe">
<p>Header Subscribe</p>
</div>
<div id="navbar">
<p>navbar</p>
</div>
barre latérale :
<div id="sidebar">
<p>sidebar</p>
</div>
pied de page.php :
<div id="footer">
<p>footer</p>
fonctions.php :
index.php :
<?php get_header(); ?>
<div id="content">
<div id="contentleft">
<style>font-size: 300px;</style>
<p>indexpage</p>
</div>
<?php get_sidebar(); ?>
</div>
<?php get_footer(); ?>
style.css :
/*
Theme Name: Web Services
Author: Corey
Description: First Template
Version: 1.1
License: None
License URI: http://flierwebdesign.com
Text Domain: flierwebdesign
*/
body {
margin: 0px;
padding: 0px;
background-color: yellow;
font-family:Calibiri, Arial, Tahoma;
}
#header {
width: 900px;
margin: 0px auto 0px auto;
border: 1px solid #000;
clear: both;
}
#logo {
width: 400px;
float: left;
border: 1px solid #000;
}
#hsubscribe {
width: 400px;
float: right;
border: 1px solid #000;
}
#navbar {
width: 900px;
margin: 0px auto 0px auto;
border: 1px solid #000;
clear: both;
}
#content {
width: 900px;
margin: 0px auto 0px auto;
border: 1px solid #000;
clear: both;
}
#contentleft {
width: 900px;
margin: 0px auto 0px auto;
border: 1px solid #000;
clear: both;
}
#sidebar {
width: 300px;
float: right;
border: 1px solid #000;
}
#footer{
font-size: 300px;
width: 900px;
margin: 0px auto 0px auto;
border: 1px solid #000;
clear: both;
}
Solution n°1 trouvée
Vous devez ajouter un wp_head()
crochet avant de fermer <head>
le crochet de balise à l’en-tête où tous les fichiers en file d’attente seront ajoutés dynamiquement. Vérifiez https://developer.wordpress.org/reference/functions/wp_head/
N’oubliez pas non plus de mettre wp_footer()
dans votre fichier footer.php. Voir https://codex.wordpress.org/Function_Reference/wp_footer
0 commentaire