web-dev-qa-db-fra.com

wp_head () n'insère pas la feuille de style par défaut style.css

J'ai un thème personnalisé avec juste un nom dans son style.css. Je l'ai activé dans admin, ce qui montre que tout va bien.

Dans le index.php, seul <?php wp_head(); ?> et la sortie censée inclure ma feuille de style principale style.css:

<link rel='stylesheet' id='my-theme'  href='~/wp-content/themes/my-theme/style.css' type='text/css' media='all' />

Il affiche tous les autres éléments mais cette ligne! Qu'est-ce qui empêcherait d'imprimer ma ligne d'inclusion de feuille de style par défaut?

style.css:

/*
Theme Name: my-theme
*/

index.php:

hello world
<?php wp_head(); ?>

sortie:

hello world
<meta name='robots' content='noindex,follow' />
<link rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&#038;subset=latin%2Clatin-ext&#038;ver=4.0' type='text/css' media='all' />
<link rel='stylesheet' id='dashicons-css'  href='~/wp-includes/css/dashicons.min.css?ver=4.0' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='~/wp-includes/css/admin-bar.min.css?ver=4.0' type='text/css' media='all' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="~/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="~/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.0" />
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
    html { margin-top: 32px !important; }
    * html body { margin-top: 32px !important; }
    @media screen and ( max-width: 782px ) {
        html { margin-top: 46px !important; }
        * html body { margin-top: 46px !important; }
    }
</style>
theme-developmentstylesheetwp-headdefault
2
laggingreflex

En fait, vous ne devriez pas ajouter de fichiers JS et CSS à votre header.php, mais utilisez les fonctions wp_enqueue_script() et wp_enqueue_style() pour les ajouter ici.

Exemple tiré de la page de codex:

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/example.js', array(), '1.0.0', true );
}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
5
Nicolai