Resumo Rápido #
- Adicione um ícone reconhecível ao seu status personalizado.
- Pôr Cor e Cor de fundo do texto para um crachá legível.
- Escolha como ele aparece nas listas com Visualização de status (Nome ou Ícone ).
- Visualize o resultado em Pedidos → WooCommerce .
Abra o editor de status #
Caminho: Pedidos do WooCommerce → → Status do pedido → Editar (escolha um status) ou Adicionar novo (crie um).
ALT: Editor de status aberto a partir do WooCommerce → Pedidos → Status do pedido.
Legenda: "Abra o editor de status em Pedidos → Status do pedido."
Adicionar um ícone #
Clique Adicionar ícone e escolha um ícone simples e descritivo. Evite formas excessivamente detalhadas; Prefira silhuetas claras.
ALT: Seletor de ícones aberto para o status personalizado.
Legenda: "Escolha um ícone simples e fácil de reconhecer."
ALT: Ícone selecionado aplicado ao status.
Legenda: "Confirme se o ícone está atribuído."
Escolher as cores do selo #
Usar Cor (texto/ícone) e Cor de fundo do texto (fundo do crachá) para garantir contraste e digitalização rápida.
ALT: Abra seletores de cores para texto/ícone e plano de fundo do crachá.
Legenda: "Defina a cor do texto/ícone e o plano de fundo do emblema."
Dicas de contraste #
- Texto escuro em um luz fundo ou texto claro em um escuro fundo.
- Evite pares de baixo contraste (por exemplo, cinza médio sobre cinza claro).
- Mantenha uma paleta consistente em todos os seus status.
ALT: Comparação de crachás de status de alto contraste e baixo contraste.
Legenda: "Prefira combinações de alto contraste para facilitar a leitura."
Visualização de status: nome vs ícone #
Controle como o status é renderizado na tabela de pedidos.
- Nome: mostra o rótulo de texto (mais claro para todos os usuários).
- Ícone: substitui o texto pelo ícone (funciona se sua equipe reconhecer os símbolos).
ALT: O menu suspenso Exibição de status é aberto com as opções Nome e Ícone.
Legenda: "Escolha se deseja mostrar o nome ou apenas o ícone."
Visualizar em pedidos #
Salve o status e abra Pedidos → WooCommerce para validar a legibilidade rapidamente.
- Verifique o distintivo No Estado coluna.
- Se estiver usando Ícone , certifique-se de que o ícone seja autoexplicativo.
ALT: Exibição de pedidos mostrando emblemas renderizados como Nome e como Ícone.
Legenda: "Verifique a legibilidade e a consistência na lista de pedidos."
Práticas recomendadas #
- Reutilizar 2-4 cores principais para fases de grupo (por exemplo, azuis = em andamento, verdes = concluídos, vermelhos = bloqueados).
- Reservar vermelho/amarelo para alertas ou estados que requerem atenção.
- Não confie apenas na cor: o Texto ou ícone deve ser claro.
Solucionando problemas #
- O distintivo parece pálido/difícil de ler: aumento contraste (texto vs plano de fundo).
- O ícone é confuso: mude para um símbolo mais simples ou usar Status View = Nome .
- Sem alterações nos pedidos: salve o status e atualizar ; Limpe o cache se você usar um plug-in de cache.