web-dev-qa-db-fra.com

Feuilles de style en attente ayant un effet sur les styles d'administration

Je construis un thème personnalisé pour un client et j'ajoute des feuilles de style de manière incorrecte depuis un moment. J'ai donc décidé de le faire correctement :-).

Cependant, lorsque j'ajoute la feuille de style à mon fichier functions.php, comme ceci:

wp_enqueue_style('theme-styles', get_template_directory_uri() . '/css/all.css', array(), false , 'all');

Il s’applique également au panneau d'administration Wordpress. Les couleurs et les polices de mon lien changent et certains problèmes de mise en page se posent également.

Si je le file à l'intérieur d'une fonction comme celle-ci:

function theme_styles(){
        wp_enqueue_style('theme-styles', get_template_directory_uri() . '/css/all.css', array(), false , 'all');
    }
    add_action( 'wp_enqueue_scripts', 'theme_styles' );

Cela ne change pas du tout le panneau d'administration, ce qui est bien. Ma question est donc la suivante: lors de recherches et de lectures sur la mise en file d'attente de feuilles de style, aucun article ne mentionne l'ajout de styles à une fonction. Les scripts, oui, mais pas les styles. Quelle est la bonne façon de le faire pour éviter de changer mes styles d'administrateur?

theme-developmentwp-adminwp-enqueue-scriptwp-enqueue-stylestyles
1
buschschwick

Vous pouvez le faire comme ceci:

function theme_styles(){
    /*
     * This if() statement is unnecessary, as wp_enqueue_scripts
     * doesn't fire on the admin pages.
     * if( is_admin() ) {
     *   return;
     * }
     */
    wp_enqueue_style(
        'theme-styles', 
        get_template_directory_uri() . '/css/all.css', 
        array(), 
        false,
        'all'
    );
}
add_action( 'wp_enqueue_scripts', 'theme_styles' );

Références

Notez également que le hook wp_enqueue_scripts sert à mettre en file d'attente both scripts et styles.

2
Pat J

La mise en file d'attente de styles dans une fonction, comme vous l'avez fait, est la meilleure pratique standard pour WordPress, que vous créiez un thème ou créiez un thème enfant. Et comme mentionné, vous pouvez mettre en file d'attente les styles et les scripts à partir d'une même fonction, http://marker.to/65CMY3 .

3
Paul B