Choisir une couleur avec Iris (color picker) Iris

Dans cette partie, vous allez récupérer une couleur dans une palette de couleurs de type color picker avec Iris. L’utilisateur pourra choisir la couleur du pied de page et de la ligne qui sépare l’en-tête du contenu, afin de personnaliser son site.

1. Ajouter le script JavaScript et le CSS Iris, palette de WordPress

Vous allez pour cela utiliser un script JavaScript Iris et son CSS faisant déjà partie du core de WordPress (voir chapitre Personnaliser le site avec le fichier functions.php, section Ajouter des feuilles de style et des scripts).

Pour pouvoir l’utiliser, appelez le script et le CSS dans la méthode addAdminHeader(), à la suite des CSS et autres scripts :

static function addAdminHeader(){  
 wp_register_style('Mb_css', get_template_directory_uri().
'/my-inc/css/my-inc.css', array()); 
 wp_enqueue_style('Mb_css'); 
 
 wp_register_script('Mb_js', get_template_directory_uri().
'/my-inc/js/my-inc.js', array()); 
 wp_enqueue_script('Mb_js'); 
 
 wp_enqueue_style('iris'); 
 wp_enqueue_script('iris'); 
} 

2. Ajouter la couleur par défaut

Ajoutez dans la méthode initOptions() la couleur par défaut qui va servir à la personnalisation du site, dans le tableau $aOptions. N’oubliez pas de choisir une nouvelle clé unique pour le tableau...

couv_EI45WOR.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Créer un bouton qui remet les options par défaut
Suivant
Ajouter des textes sur la page d'accueil