Jak dodać ustawienie niestandardowej wtyczki w menu ustawień WordPress?

Cel bloga:

Celem tego bloga jest pomoc w poznaniu sposobu tworzenia niestandardowych wtyczek. Obecnie większość wtyczek zawiera ustawienia umożliwiające użytkownikom zmianę funkcjonalności wtyczki zgodnie z ich wyborem. Na tym blogu tworzymy niestandardową wtyczkę do celów informacyjnych. Podstawowe wymagania do dodania ustawień wtyczki to:

  • Aby zarejestrować ustawienia wtyczki
  • Aby utworzyć stronę opcji dla wtyczki
  • Aby wyświetlić ustawienia wtyczki na stronie opcji

Kroki, aby dodać ustawienie wtyczki:

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.

/ * * Nazwa wtyczki: wtyczka niestandardowa * Opis: Wtyczka jest wtyczką niestandardową i została utworzona przez velsof * Wersja: 1.0.0 * Autor: 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');

Aby dowiedzieć się więcej na temat „register_setting”, możesz sprawdzić dokument „https://developer.wordpress.org/reference/functions/register_setting/

4. W tym kroku musisz utworzyć stronę opcji niestandardowej wtyczki i dodać opcję w podmenu ustawienia Word Press. W przykładowym kodzie napisaliśmy poniższy kod opcji i dodaliśmy go do pliku „custom-plugin.php”.

function custom_plugin_setting_page () {// add_options_page (string $ page_title, string $ menu_title, string $ capability, 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 to funkcja, w której napisałem HTML dla mojego niestandardowego formularza wtyczki. } add_action ('admin_menu', 'custom_plugin_setting_page');

Po wykonaniu tego kroku będzie można zobaczyć opcję niestandardowej wtyczki w ustawieniu Word press, jak pokazano na poniższym obrazku:

dodaj ustawienie niestandardowej wtyczki w menu ustawień WordPress

5. W tym kroku musisz utworzyć formularz, aby wyświetlić opcje (pola) na stronie ustawień niestandardowej wtyczki. Tutaj utworzyłem funkcję „custom_page_html_form”, jak pokazano poniżej, i dodałem ją do pliku „custom-plugin.php”.

function custom_page_html_form () {?> <div class = "wrap"> <h2> Nagłówek strony niestandardowego ustawienia wtyczki </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"> Nazwa pierwszego pola: </label> </th> <td> <input type = 'text' class = "regular-text" id = "first_field_id" name = "first_field_name" wartość = "<? php echo get_option ('first_field_name');?>"> </td> </tr> <tr> <th> <etykieta dla = "second_field_id"> Nazwa drugiego pola: </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 "> Nazwa trzeciego pola: </label> </th> <td> < input type = 'text' class = "regular-text" id = "Third_field_id" name = "Third_field_name" wartość = "<? php echo get_option ('Third_field_name');?>"> </td> </tr> < / table> <? php subm_button (); ?> </div> <? php}?>

Po wykonaniu tego kroku zostanie utworzony formularz niestandardowej wtyczki, a dane zostaną zapisane w bazie danych po kliknięciu przycisku „Zapisz zmiany”, jak pokazano poniżej:

Jak dodać ustawienie niestandardowej wtyczki w menu ustawień WordPress?

Uwaga:?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.

Przykład:

$ whitelist_options ['custom_plugin_options_group'] = tablica ('first_field_name', 'second_field_name', 'Third_field_name');

Możesz pobrać przykładowy kodtutaj.

Podsumowanie

Po przeczytaniu tego dokumentu będziesz mógł dodać ustawienie niestandardowej wtyczki w menu ustawień 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 *