NB : Faire une sauvegarde de votre thème, de votre fichier et/ou votre base de données avant d’ajouter ces fonctions tutoriels.
Publié le : 11 septembre 2017 - Modifié le : 17 janvier 2022
Temps de lecture : 1 minute, 38 seconds - 142 mots
Partager la publication "Extension WordPress : WP Enqueue style Boostrap dans une page settings options"
Plugin WordPress : Nous allons dans ce tutoriel faire en sorte de faire interagir Bootstrap Style uniquement dans une des pages ou plusieurs pages de notre plugin comme par exemple des Settings Options, des pages sous-menus.
Ça évite surtout de donner des conflits CSS ou d’imposer des CSS avec d’autres plugins WordPress.
Donc voici une astuce pour faire wp_enqueue_style dans un hook action du nom de admin_enqueue_scripts.
Cette condition comme vous voyez ne fonctionne qu’avec un ID de page. Si par exemple vous avez des sous pages dans votre plugin, nous allons le développer juste en dessous.
[gridzy id=”5″]
function themeplifyenqueuebootstrap() { //remplacer themeplify avec vos slug pages ID if(($_GET['page'] == 'themeplify') || ($_GET['page'] == 'autreslugid') || ($_GET['page'] == 'encoreunautreslugid') ) { wp_enqueue_style('bootstrap.min', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); } } add_action('admin_enqueue_scripts', 'themeplifyenqueuebootstrap');
Avec plusieurs GET pages ….
function themeplifyenqueuebootstrap() { //remplacer themeplify avec vos slug pages ID if(($_GET['page'] == 'themeplify') || ($_GET['page'] == 'autreslugid') || ($_GET['page'] == 'encoreunautreslugid') ) { wp_enqueue_style('bootstrap.min', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'); } } add_action('admin_enqueue_scripts', 'themeplifyenqueuebootstrap');
Voilà, vous pouvez ajouter une autre fonction ou Class pour les Javascripts Bootstrap en créant les mêmes conditions. Vous permettez à votre plugin d’avoir une indépendance style ou JS. C’était un tutoriel simple, mais utile à l’agréable.