NB : Faire une sauvegarde de votre thème, de votre fichier et/ou votre base de données avant d’ajouter ces fonctions tutoriels.

https://themespress.ca/wp-content/uploads/2017/09/wsi-imageoptim-Plugin-WordPress-Enqueue-style-Boostrap-dans-une-page-settings-options.png
Facile

---- Cet article a été modifié : 29 décembre 2020

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.

1
2
3
4
5
6
7
8
9
function themeplifyenqueue()
{
    //remplacer themeplify avec votre slug page ID
    if(($_GET['page'] == 'themeplify') {
        wp_enqueue_style('bootstrap.min', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
    }
}
 
add_action('admin_enqueue_scripts', 'enqueue');

Avec plusieurs GET pages ….

1
2
3
4
5
6
7
8
9
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.

Leave a Reply

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>