Exibindo notificações personalizadas no Painel do WordPress

porLuis Augusto Moretto

Exibindo notificações personalizadas no Painel do WordPress

Wordpress admin notices
Notificações personalizadas no painel de administração do wordpress

Introdução

À medida que você utiliza a área de administração do WordPress, você encontrará, avisos aos administrador.

Esta função permite conhecer os erros, as configurações atualizadas, as ações necessárias e assim por diante.

No desenvolvimento de seu plugin personalizado no WordPress será necessário informar ao administrador o resultado de suas ações.

Assim neste post vamos mostrar como criar avisos de erro, sucesso, advertência e informações. Este é um critério da usabilidade que diz respeito a Expressividade

A Expressividade é a Relação entre os símbolos e o que eles significam, que por sua vez devem ter uma significação condizente para o usuário e suas ações.

4 tipos de notificações do painel do wordpress

Provavelmente todos estão familiarizados com esses avisos, eles ajudam a fornecer feedback ao usuário enquanto eles trabalham com a WP Admin Area.

O restante deste artigo destina-se a desenvolvedores do WordPress que implementam esses avisos em seus plugins e temas.

4 tipo de notificações

Dentro do Motor de notificações do wordpress

O código-fonte dos 4 diferentes tipos de avisos no painel do wordpress são basicamente os mesmos.

A única diferença são os nomes das classes de estilo (css) e a mensagem.

Por exemplo, aqui está a marcação padrão gerada pelo WordPress ao exibir um aviso típico “Sucesso”:

notice wp-admin wordpress php

Abaixo o nome da classe de estilo (CSS) para cada tipo de notificação no Painel do WordPress.

  • notice-error – Mensagem de erro com uma borda vermelha
  • notice-warning – Mensagem de Advertência com borda amarela
  • notice-success – Mensagem de sucesso com borda verde
  • notice-info – Mensagem de informação com borda azul

Existem ainda “relíquias” das versões anteriores do WordPress e NÃO devem ser usadas para avisos de administrador. Elas são mostradas abaixo a fim de conhecimento.

  • updated – Mensagem de sucesso com a borda verde
  • error – Mensagem de erro com borda vermelha
  • update-nag – Mensagem de advertência com borda amarela

Sim, eles ainda funcionam, mas devem ser considerados obsoletos em favor das quatro classes  CSS descritas anteriormente.

Happy Coding! 😀