CSS et JS dans l'administration

Voir la vidéo

Les bases

Création du thème 10 min Les actions 16 min Les filtres 7 min La boucle WordPress 16 min La hiérarchie des templates 12 min Gérer les menus 18 min Formulaire de recherche 5 min Les permaliens 4 min Pagination 14 min Modèle de page 3 min Les formats d'images 7 min Les métadonnées 34 min Les taxonomies 27 min Les custom post type 11 min Options du thème 17 min CSS et JS dans l'administration 11 min Ajouter des colonnes dans l'administration 13 min L'objet WP_Query 19 min L'action pre_get_posts 15 min Gestion des sidebars 10 min Création d'un widget 17 min Les commentaires 26 min AfterSwitchTheme 7 min L'API Customize 21 min L'internationalisation 14 min Thème enfant 13 min Créer un plugin 10 min Evénements planifiés 11 min L'object wpdb 10 min L'API Rest 16 min Gestion du cache 7 min
Amateur
Télécharger les sources Télécharger la vidéo
Description Sommaire

Parfois les fonctions que l'on souhaite mettre en place dans l'administration nécessitent d'utiliser du JavaScript ou du CSS. Il sera alors possible d'utiliser le hook admin_enqueue_scripts pour enregistrer les assets à charger. Le fonctionnement est identique à celui du hook enqueue_script mais on essaiera de faire en sorte de ne pas charger des fichiers lourds sur toute l'administration si il ne sont nécessaires que pour notre panneau d'option.

function montheme_admin_scripts($suffix) {
    if ($suffix === 'settings_page_agence_options') {
        wp_register_style('flatpickr', 'https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css', [], false);
        wp_register_script('flatpickr', 'https://cdn.jsdelivr.net/npm/flatpickr', [], false, true);
        wp_enqueue_script('montheme_admin', get_template_directory_uri() . '/assets/admin.js', ['flatpickr'], false, true);
        wp_enqueue_style('flatpickr');
    }
}
add_action('admin_enqueue_scripts', 'montheme_admin_scripts');
Publié
Technologies utilisées
WordPress
Auteur :
Grafikart
Partager