Ajouter les fichiers JavaScript et CSS

1. Ajouter les fichiers

Pour rendre la mise en page plus jolie, utilisez un fichier CSS, et pour vérifier les champs du formulaire, utilisez un fichier JavaScript. CSS JavaScript

Créez un dossier css et un dossier js dans le dossier my-gmap. Dans le dossier css, créez un fichier et nommez-le admin-gmap.css. Dans le dossier js, créez un fichier admin-gmap.js.

Appelez les fichiers avec les fonctions WordPress wp_register_style(), wp_enqueue_style() et wp_enqueue_script() dans la méthode gmap_admin_js_css().

function gmap_admin_js_css(){ 
 wp_register_style('my_gmap_css', plugins_url('css/ 
admin-gmap.css', __FILE__)); 
 wp_enqueue_style('my_gmap_css'); 
 wp_enqueue_script('my_gmap_js', plugins_url('js/admin-gmap.js', 
__FILE__), array('jquery'),'1.0',true); 
} 

Pour trouver le chemin du plugin, utilisez la fonction WordPress plugins_url(). À l’intérieur d’une extension, les fonctions ont pour arguments le nom du fichier et le chemin du fichier (voir le chapitre Personnaliser le site avec le fichier functions.php, section Ajouter des feuilles de style et des scripts).

Vous pouvez également créer un dossier images, si vous voulez appeler des images dans vos fichiers. Voici ce que cela rend avec le code CSS pour la mise en page :

Page Réglages - My Gmap, pour configurer l’extension, avec le fichier CSS

2. Faire appel au hook d’action...