custom-dashboards

[jnz93]

Dashboards A2

Utilizaremos uma página "painel" para abrigar o shortcode responsável pelo template da dashboard. Se o usuário for Seguidor ou Acompanhante a dashboard respectiva será carregada, se o usuário for Administrador ele será redirecionado para a dashboard administrativa do wordpress.

o Shortcode será capaz de:

• Identificar o tipo de usuário
• Carregar a dashboard de seguidor ou acompanhante
• Redirecionar para a dashboard administrativa

Para a dashaboard de seguir ou acompanhante vamos criar os arquivos de templates e layout, para isso precisamos de uma referência de dashboar; Como referência vamos utilizar o layout do painel do site bakai.

[jnz93]

Painel Seguidor

• Dashboard Home

  Deixar uma mensagem de boas vindas e a tabela de perfis favoritos, por enquanto.

• Editar/Configurar perfil

  Página contendo o formulário com todas as opções de edição de informações de perfil. Listar as opções

• Alterar senha

  Página com a opção de reset de senha. Pode ser um botão para enviar um link para alteração de senha no e-mail.

• Perfis favoritos (seguidos)

  Tabela com cards de modelos seguidas(os) pelo usuário. Essa tabela deve ser apresentada na Dashboard Home.

• Logout

  Ação de logout que redireciona para homepage do site.

[jnz93]

Painel Acompanhante

• Dashboard Home

  Deixar uma mensagem de boas vindas, por enquanto.

• Fotos/vídeos

  Nessa página a acompanhante pode visualizar fotos e vídeos já enviados, pode adicionar novas fotos e vídeos e editar ou excluir existentes.

  • Compras Acompanhantes podem comprar pacotes de vantagens para ter mais visibilidade no site, essa página deve mostrar o histórico de compras.

• Editar/Configurar perfil

  Página contendo o formulário com todas as opções de edição de informações de perfil. Listar as opções

• Alterar senha

  Página com a opção de reset de senha. Pode ser um botão para enviar um link para alteração de senha no e-mail.

• Logout

  Ação de logout que redireciona para homepage do site.

[jnz93]

Construção dos painéis

Para construir os painéis nós vamos utilizar o construtor elementor para fazer o Header e Depois desenvolvemos shortcode(s) para popular com menu, páginas e widgets laterais.

1) Podemos seguir este tutorial para criar uma página my-account com o elementor e linkar o menu com endpoints das páginas adjacentes.

Infelizmente essa opção funciona bem para casos mais simples, mas o nosso caso requer alterações mais complexas para adicionar pedações de interfaces customizáveis.

2) Para ter mais controle sobre o layout das páginas, funcionalidades e interfaces do painel vamos optar por sob escrever os templates my-account do woocommerce. Para isso vamos seguir este artigo

---

Tarefas

• [x] Criar hestia-child-theme

  O child theme vai receber todos os templates do dashboard do usuário na pasta woocommerce > myaccount

• [x] Commitar repositório
• [x] Menu Acompanhante
• [x] Menu Seguidor

  Repositório child-theme