Comment ajouter un paramètre pour un plugin personnalisé dans le menu des paramètres WordPress?

Objectif du blog:

L'objectif de ce blog est de vous aider à savoir comment le paramètre de tout plugin personnalisé est créé. De nos jours, la plupart des plugins contiennent des paramètres pour permettre aux utilisateurs de modifier les fonctionnalités du plugin en fonction de leur choix. Dans ce blog, nous créons le plugin personnalisé pour votre référence. Les exigences de base pour ajouter le paramètre du plugin sont:

  • Pour enregistrer les paramètres d'un plugin
  • Pour créer une page d'options pour un plugin
  • Pour afficher les paramètres du plugin sur la page des options

Étapes pour ajouter le paramètre du plugin:

1.?Create your custom plugin folder inside the “plugins” folder of your Woo Commerce site.
In the sample code, we have created a folder “custom-plugin”.

2.?Create a new PHP file inside your “custom-plugin” folder. The name of the file must be same as custom plugin folder. In the sample code, we have created a file “custom-plugin.php”.

3.?You need to register the settings of each field of your custom plugin. This step whitelist your plugin setting options (fields) that are used to save the plugin setting data in the wp_options table. Here, I have registered the setting for my custom-plugin as shown below and added that code to the “custom-plugin.php” file.

/ * * Nom du plugin: Plugin personnalisé * Description: Ce plugin est le plugin personnalisé et créé par velsof * Version: 1.0.0 * Auteur: Velsof * / function custom_plugin_register_settings () {register_setting ('custom_plugin_options_group', 'first_field_name'); register_setting ('custom_plugin_options_group', 'second_field_name'); register_setting ('custom_plugin_options_group', 'third_field_name'); } add_action ('admin_init', 'custom_plugin_register_settings');

Pour en savoir plus sur "register_setting", vous pouvez consulter le document "https://developer.wordpress.org/reference/functions/register_setting/

4. Dans cette étape, vous devez créer la page d'options pour votre plugin personnalisé et ajouter l'option dans le sous-menu du paramètre Word Press. Dans l'exemple de code, nous avons écrit le code de la page d'options ci-dessous et l'avons ajouté au fichier "custom-plugin.php".

function custom_plugin_setting_page () {// add_options_page (string $ page_title, string $ menu_title, string $ capacité, string $ menu_slug, callable $ function = '') add_options_page ('Custom Plugin', 'Custom Plugin Setting', 'manage_options', ' custom-plugin-setting-url ',' custom_page_html_form '); // custom_page_html_form est la fonction dans laquelle j'ai écrit le code HTML de mon formulaire de plugin personnalisé. } add_action ('admin_menu', 'custom_plugin_setting_page');

Après avoir terminé cette étape, vous pourrez voir l'option de votre plug-in personnalisé dans le paramètre de presse Word, comme indiqué dans l'image ci-dessous:

ajouter un paramètre pour un plugin personnalisé dans le menu des paramètres de WordPress

5. Dans cette étape, vous devez créer le formulaire pour afficher les options (champs) dans la page de configuration du plugin personnalisé. Ici, j'ai créé une fonction "custom_page_html_form" comme indiqué ci-dessous et l'ai ajoutée au fichier "custom-plugin.php".

function custom_page_html_form () {?> <div class = "wrap"> <h2> En-tête de page de configuration du plug-in personnalisé </h2> <form method = "post" action = "options.php"> <? php settings_fields ('custom_plugin_options_group' ' ); ?> <table class = "form-table"> <tr> <th> <label for = "first_field_id"> Nom du premier champ: </label> </th> <td> <input type = 'text' class = "regular-text" id = "first_field_id" name = "first_field_name" value = "<? php echo get_option ('first_field_name');?>"> </td> </tr> <tr> <th> <étiquette pour = "second_field_id"> Nom du deuxième champ: </label> </th> <td> <input type = 'text' class = "regular-text" id = "second_field_id" name = "second_field_name" value = "<? php echo get_option ('second_field_name');?> "> </td> </tr> <tr> <th> <label for =" third_field_id "> Troisième nom de champ: </label> </th> <td> < input type = 'text' class = "regular-text" id = "third_field_id" name = "third_field_name" value = "<? php echo get_option ('third_field_name');?>"> </td> </tr> < / table> <? php submit_button (); ?> </div> <? php}?>

Après avoir terminé cette étape, le formulaire de votre plugin personnalisé sera créé et les données seront enregistrées dans la base de données en cliquant sur le bouton "Enregistrer les modifications" comme indiqué ci-dessous:

Comment ajouter un paramètre pour un plugin personnalisé dans le menu des paramètres WordPress?

Veuillez noter que :?If you get the error “options page not found” on saving the setting of the custom plugin. Then you need to follow the below steps:

1.Open “options.php” file (File Location: wp\wp-admin\options.php).

2.Add the custom plugin option group in the $whitelist_options array.

Exemple:

$ whitelist_options ['custom_plugin_options_group'] = array ('first_field_name', 'second_field_name', 'third_field_name');

Vous pouvez télécharger l'exemple de codeici.

Résumé

Après avoir lu ce document, vous pourrez ajouter le paramètre de votre plugin personnalisé dans le menu de configuration de WordPress.


Shivam Verma

Shivam Verma

Shivam Verma is an experienced software engineer in PHP development and Database design. His area of interest is website development. He likes to be aware of his surroundings and to learn new things by observing others. He believes that by doing this we can learn new things and can also enhance our knowledge everyday. He has started writing technical blogs with a view to help others in studying and learning new things in an easy way.

Leave a Reply

Your email address will not be published. Required fields are marked *