WordPress : Pourquoi mon CSS ne se charge-t-il pas ?

Publié par Jean-Michel le

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

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *