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
Hébergement Web Canada

Publié le : 11 septembre 2017 - Modifié le : 17 janvier 2022

Temps de lecture : 1 minute, 38 seconds - 142 mots

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.

Laissez un commentaire

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>