Mon CSS affecte mon interface d'admin

Par hatfab, il y a 10 ans

PHP Wordpress

Bonjour, j'ai un souci très bizarre et très ennuyeux : le CCS de mon site WP affecte en partie mon interface d'admin. C'est très embêtant car par exemple j'ai le background de mon site, les padding des li se répercutent sur les div, c'est très moche et pas pratique. Quelqu'un sait-il d'où cela peut-il venir ?
Merci !

6 réponses

hatfab, il y a 10 ans

Voilà :

<!DOCTYPE html> <html <?php language_attributes(); ?> class="no-js"> <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="<?php bloginfo ('template_url') ?>/fonts.css"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <!--[if lt IE 9]> <script src="<?php echo esc_url( get_template_directory_uri() ); ?>/js/html5.js"></script> <![endif]--> <?php wp_head(); ?> </head> <body> <div class="main"> <div class="head"> <span class="head__jpbodin"><img src="<?php bloginfo ('template_url') ?>/img/elmts/jpbodin.png" alt="Jean-Pierre Bodin"></span> <span class="head__guirlande"><img src="<?php bloginfo ('template_url') ?>/img/elmts/guirlande.png" alt="Jean-Pierre Bodin"></span> <?php $defaults = array( 'theme_location' => 'nav' ); wp_nav_menu( $defaults ) ?> </div> <!-- #head --> <div class="corps">
hatfab, il y a 10 ans

Apparemant j'ai trouvé d'où cela venait mais je ne comprends pas pourquoi : en fait je chargeais mon style via function.php

wp_enqueue_style( 'jpbodin', get_stylesheet_uri());

Mais ça ne doit pas être la bonne méthode parce que cela concerne tout le site y compris l'admin.
Tu saurais pourquoi ?

Mirzo, il y a 10 ans

Salut hatfab,

Je te conseil d'appeler les scripts ou styles du front dans le fichier fonctions.php via l'action 'wp_enqueue_scripts'. De cette manière tes scripts ne seront chargés que sur la partie front et non dans l'admin. Pour charger les scripts du côté admin, utilise l'action 'admin_enqueue_scripts'.

Exemple de chargement des scripts sur la partie front :

function enqueue_front_scripts(){ wp_enqueue_style( 'jpbodin', get_stylesheet_uri()); } add_action('wp_enqueue_scripts','enqueue_front_scripts');

https://codex.wordpress.org/Function_Reference/wp_enqueue_style

hatfab, il y a 10 ans

Merci ! A quoi correspond la string "jpbodin" ? je l'ai renseigné par defaut mais je ne sais pas à quoi, il correspond et je ne comprends pas l'explication du codex.

ClementParis, il y a 10 ans

La string sert comme identifiant de ta feuille de style si tu veux y accéder plus tard, par exemple si pour une quelconque raison tu avais besoin d'enlever ta feuille de style, tu ferais :

<?php wp_dequeue_style( 'jpbodin' ); ?>
hatfab, il y a 10 ans

Ah ok merci !