Como criar um aviso de administração do WooCommerce para o plug-in – Desenvolvimento WooCommerce

Publicados: 2020-08-22

Criar aviso de administrador do WooCommerce Como desenvolvedor WooCommerce, muitas vezes é necessário criar avisos de administração quando você está criando um tema ou plugin WooCommerce. O aviso do administrador do WooCommerce pode ser para avisar os usuários sobre uma atualização, informá-los sobre um processo ou para dar um lembrete sobre algo importante.

Exemplo de aviso de administrador do WooCommerce

Geralmente, um aviso de administrador do WordPress pode variar e ter códigos de cores diferentes e eles aparecerão na parte superior de uma página de administração, como visto na imagem abaixo de um aviso de administrador do WooCommerce.

Aviso do administrador do WooCommerce

Cada um dos avisos do administrador é apenas um div que é estilizado com um fundo branco, e o texto do aviso é gerado e a borda esquerda tem cores diferentes de avisos diferentes, conforme mostrado abaixo.

Os cinco tipos diferentes de cores de avisos incluem cinza, vermelho, verde, laranja e azul. Dados os nomes das classes, os vermelhos são usados ​​para exibir erros, verdes para mensagens de sucesso, laranja para avisos e azul para avisos informativos e cinza para avisos padrão.

Os avisos gerais de administração do WordPress podem ser ilustrados na imagem abaixo com o respectivo código:
Avisos de administração do WordPress com código Se você quiser copiar o código, a seguir está o trecho de código para cada um desses avisos de administrador do WordPress.

 <div class="notice"><p>Aviso padrão</p></div>

<div class="notice is-dismissible"><p>Aviso padrão descartável</p></div>

<div class="notice notice-info"><p>Aviso informativo</p></div>

<div class="notice notice-info is-dismissible"><p>Aviso informativo dispensável</p></div>

<div class="notice notice-info alt"><p>Aviso de informação alt</p></div>

<div class="notice notice-success"><p>Aviso de sucesso</p></div>

<div class="notice notice-success is-dismissible"><p>Aviso de sucesso dispensável</p></div>

<div class="notice notice-success notice-alt"><p>Aviso de sucesso alt</p></div>

<div class="notice notice-warning"><p>Aviso</p></div>

<div class="notice notice-warning is-dismissible"><p>Aviso descartável</p></div>

<div class="notice notice-warning notice-alt"><p>Aviso de aviso alt</p></div>

<div class="notice notice-error"><p>Aviso de erro</p></div>

<div class="notice notice-error"><p>Aviso de erro</p></div>

<div class="notice notice-error is-dismissible"><p>Aviso de erro dispensável</p></div>

<div class="notice notice-error notice-alt"><p>Aviso de erro alt</p></div>

Como você pode ver no código acima, a diferença no aviso são as classes atribuídas para cada tipo de aviso de administração do WordPress. A seguir está uma lista das quatro classes de aviso de administrador do WooCommerce mais usadas:

  1. Aviso de erro : classe notice-error
  2. Aviso de sucesso : classe notice-success
  3. Aviso informativo : classe notice-info
  4. Aviso de aviso : classe notice-warning

Criando aviso de administrador WooCommerce ou WordPress

Para criar o aviso do administrador, você precisa usar um gancho de ação que se conecta ao evento admin_notices . O aviso div e o conteúdo devem ser adicionados à função de retorno de chamada do gancho de ação.

Você pode usar este gancho de aviso do administrador em seu plug-in para permitir que os usuários sejam notificados sobre atualizações, informações ou avisos importantes.

Exemplo de aviso de erro do WordPress

O seguinte é um exemplo de um aviso de erro:

 <?php
add_action( 'admin_notices', 'njengah_error_notice' );

function njengah_error_notice() {
       ?>
       <div class="notice aviso-erro">
          <p><?php _e( 'Exemplo de aviso de erro.', 'text-domain' );?></p>
       </div>
       <?php 
}
?>

Exemplo de aviso de informações do WordPress

O seguinte é um exemplo de um aviso de informação:

 <?php
add_action( 'admin_notices', 'njengah_info_notice' );

function njengah_info_notice() {
       ?>
       <div class="notice notice-info">
            <p><?php _e( 'Exemplo de aviso informativo', 'domínio-texto' ); ?></p>
       </div>
       <?php 
 }

Acima estão dois exemplos práticos de como você pode criar um aviso de administração para o seu plugin WordPress ou WooCommerce.

Você pode alterar as classes de aviso para se adequar ao tipo de aviso que deseja criar. Você também pode envolver o gancho de ação em uma instrução if para exibir o aviso condicionalmente, como no exemplo abaixo.

Exibir aviso de administrador do WordPress condicionalmente

 <?php
if( ! empty( get_option( 'njengah_update_status' ) ) ) {
    add_action( 'admin_notices', 'njengah_update_notice' );
}

function njengah_update_notice() {
?>
    <div class="notice aviso-sucesso">
        <p><?php _e( 'A atualização foi concluída com sucesso!', 'text-domain' ); ?></p>
    </div>
<?php
}
?>

Conclusão

Neste post, descrevemos como você pode criar um aviso de administrador no desenvolvimento de plugins WordPress e WooCommerce. Você precisa entender as várias classes de aviso de administração do WordPress e adicionar a mensagem em um gancho de ação que se conecta ao gancho admin_notices . Isso é tudo sobre como criar um aviso de administrador do WooCommerce.

Artigos semelhantes