Como adicionar a configuração do plugin personalizado no menu de configuração do WordPress?

Objetivo do blog:

O objetivo deste blog é ajudar você a saber como a configuração de qualquer plug-in personalizado é criada. Atualmente, a maioria dos plugins contém configurações para permitir que os usuários alterem a funcionalidade do plug-in de acordo com sua escolha. Neste blog, estamos criando o plug-in personalizado para sua referência. Os requisitos básicos para adicionar a configuração do plugin são:

  • Para registrar as configurações de um plug-in
  • Para criar uma página de opções para um plug-in
  • Para exibir as configurações do plug-in na página da opção

Etapas para adicionar a configuração do plug-in:

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.

/ * * Nome do plug-in: Custom Plugin * Descrição: este plug-in é o plug-in personalizado e criado por velsof * Versão: 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');

Para saber mais sobre "register_setting", você pode verificar o documento "https://developer.wordpress.org/reference/functions/register_setting/

4. Nesta etapa, você precisa criar a página de opções para seu plug-in personalizado e adicionar a opção no submenu da configuração Word Press. No código de exemplo, escrevemos a página de código de opções abaixo e adicionamos o mesmo ao arquivo "custom-plugin.php".

function custom_plugin_setting_page () {// add_options_page (string $ page_title, string $ menu_title, string $ capacity, string $ menu_slug, callable $ function = '') add_options_page ('Custom Plugin', 'Custom Plugin Setting', 'manage_options', ' URL-personalizado-configuração-plugin ',' página_personalizada_html_form '); // custom_page_html_form é a função na qual escrevi o HTML para o meu formulário de plug-in personalizado. } add_action ('admin_menu', 'custom_plugin_setting_page');

Após concluir esta etapa, você poderá ver a opção do seu plug-in personalizado na configuração de impressão do Word, conforme mostrado na imagem abaixo:

adicionar configuração para plug-in personalizado no menu de configuração do WordPress

5. Nesta etapa, você precisa criar o formulário para exibir as opções (campos) na página de configuração do plug-in personalizado. Aqui, criei uma função "custom_page_html_form", como mostrado abaixo, e adicionei a mesma ao arquivo "custom-plugin.php".

função custom_page_html_form () {?> <div class = "wrap"> <h2> Cabeçalho da página de configuração de plug-in personalizado </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"> Nome do primeiro campo: </label> </th> <td> <input type = 'text' class = "texto regular" id = "nome_do_campo_do_domínio" nome = "nome_do_campo_do_domínio" value = "<? php echo get_option ('nome_do_campo_do_domínio');?>"> </td> </tr> <tr> <th> <label for = "second_field_id"> Nome do segundo campo: </label> </th> <td> <input type = 'text' class = "texto normal" 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 "> Nome do terceiro campo: </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> < / tabela> <? php submit_button (); ?> </div> <? php}?>

Após concluir esta etapa, o formulário do seu plug-in personalizado será criado e os dados serão salvos no banco de dados ao clicar no botão "Salvar alterações", conforme mostrado abaixo:

Como adicionar a configuração do plugin personalizado no menu de configuração do WordPress?

Observação: ?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.

Exemplo:

$ whitelist_options ['custom_plugin_options_group'] = array ('nome_do_campo_do_domínio', 'nome_do_campo_do_domínio', 'nome_do_campo_do_domínio');

Você pode baixar o código de amostraaqui.

Resumo

Depois de ler este documento, você poderá adicionar a configuração do seu plug-in personalizado no menu de configurações do 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 *