web-dev-qa-db-fra.com

Comment charger style.css dans un thème?

J'ai consulté le codex, certains tutoriels et des discussions sur l'ajout de CSS personnalisés, mais je n'ai pas trouvé où ajouter le style.css.

J'ai fait ça, et ça n'aura toujours aucun effet.

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

Bien sûr, cela fonctionne si je fais ceci:

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">

Mais bien sûr, ce n'est pas la bonne façon de le faire.

wp-enqueue-style
6
Vegan Sv

Assurez-vous que les fichiers sont nommés et étiquetés correctement et au bon endroit.

functions.php located @ mytheme/functions.php 

<?php
/**
 * Theme Functions
 */
function theme_name_scripts() {
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );
    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

style.css located @ mytheme/style.css 

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Si vous créez ce thème vous-même, cela signifie probablement que quelque chose ne va pas ou que vous avez oublié quelque chose.

Assurez-vous que votre modèle reçoit l'en-tête si vous utilisez un header.php:

<?php get_header(); ?>

Dans votre en-tête ou dans le modèle, vous devez avoir:

<?php wp_head(); ?>

J'imagine que c'est l'un des éléments ci-dessus puisque vous avez dit que cela fonctionne lorsque vous ajoutez la balise. Si ce n'est pas le cas, essayez de modifier le nom du fichier CSS et/ou d'ajouter une priorité ultérieure. Si vous avez des plugins installés, l'un d'entre eux utilise peut-être le même "descripteur" pour la feuille de style de ces plugins.

Donc au lieu de:

    wp_enqueue_style( 'style-name', get_stylesheet_uri() );

Essayez quelque chose de aléatoire comme:

    wp_enqueue_style( 'style189304', get_stylesheet_uri() );
6
Bryan Willis