Visão Geral do bloco Profile Menu para Gutenberg
Página da conta
Prossiga para a guia JetEngine > Profile Builder .
Como defini o modo de modelo “Reescrever” , não posso editar a página da conta, então colocarei o bloco Menu de perfil nos modelos de subpágina com os quais construo a página da conta. Se você deseja colocar o bloco na página da conta, escolha o modo de modelo “Conteúdo” .
Caso você tenha alterado as configurações, clique no botão “Salvar” .
Abra a guia Página da conta e certifique-se de ter adicionado várias subpáginas. Você pode criar modelos de subpágina com o recurso JetEngine Listing . Observe que o menu Perfil mostrará os títulos das subpáginas.
Após a criação das subpáginas, clique no botão “Salvar” .
Se você não vir alguns itens de menu no bloco Menu de perfil , verifique se a opção Ocultar do menu da subpágina está desativada.
Vá para um dos modelos de subpágina ou para a página Conta.
Fui para o modelo de Listagem criado no editor Gutenberg.
Arraste e solte o bloco do menu de perfil na página de edição.
Este bloco tem as seguintes opções:
- Contexto . Aqui você pode definir se os itens de menu serão mostrados na página da conta ou na guia Página do usuário do painel do Profile Builder. Por enquanto, selecione a opção “Conta”;
- Mostrar menu para a função . Aqui você pode selecionar funções de usuário para as quais o menu ficará visível;
- Adicione slug de subpágina ao URL da primeira página . O slug da subpágina não está incluído no URL da primeira página do menu, a menos que você habilite especificamente esta opção. Se você habilitá-lo, o slug da subpágina será adicionado a todos os URLs do menu, incluindo a primeira página;
- Disposição . Aqui, você pode selecionar esses layouts para a visualização da área de trabalho:
- Horizontais ;
- Verticais ;
- Layout de tablet . Selecione o layout da visualização do tablet;
- Disposição Móvel . Escolha o layout para a visualização móvel.
Se você adicionou o bloco Menu de perfil na página Conta, precisará usar o bloco Conteúdo do perfil . Ele mostrará o conteúdo de cada subpágina quando os usuários clicarem no item de menu correspondente. Se você definir o modo de modelo “Reescrever” e editar o modelo de subpágina, não precisará dele.
Clique no botão “Atualizar” .
Se você definir o modo de modelo “Reescrever” , adicione o bloco Menu de perfil a cada modelo de subpágina quando necessário.
Por fim, prossiga para a página do usuário no front end.
Agora, os usuários podem clicar nos itens de menu do Menu de perfil e mostrar o conteúdo da subpágina correspondente.
Página do usuário
Prossiga para a guia JetEngine > Profile Builder .
Certifique-se de ativar a opção Página de usuário único e definir a página criada anteriormente como Página de usuário único (no meu caso, é a página “Perfil”).
Como defini o modo de modelo “Reescrever” , não posso editar a página do usuário, então colocarei o bloco Menu de perfil nos modelos de subpágina com os quais construo a página do usuário. Se você deseja colocar o bloco na página do usuário, escolha o modo de modelo “Conteúdo” .
Se você alterou algumas configurações, clique no botão “Salvar” .
Abra a guia Página do usuário e certifique-se de ter adicionado várias subpáginas. Observe que o menu Perfil mostrará os títulos das subpáginas.
Após a criação das subpáginas, clique no botão “Salvar” .
Se você não vir alguns itens de menu no bloco Menu de perfil , verifique se a opção Ocultar do menu da subpágina está desativada.
Vá para um dos modelos de subpágina ou para a página Conta.
Fui para o modelo de Listagem criado no editor Gutenberg.
Arraste e solte o bloco do menu de perfil na página de edição.
Defina o contexto “Página de usuário único” e personalize o bloco de acordo com suas necessidades.
Se você adicionou o bloco Menu de perfil na página Usuário, precisará usar o bloco Conteúdo do perfil . Ele mostrará o conteúdo de cada subpágina quando os usuários clicarem no item de menu correspondente. Se você definir o modo de modelo “Reescrever” e editar o modelo de subpágina, não precisará dele.
Clique no botão “Atualizar” .
Se você definir o modo de modelo “Reescrever” , adicione o bloco Menu de perfil a cada modelo de subpágina quando necessário.
Por fim, vá para o front end e abra a página de perfil de qualquer usuário.
Isso é tudo. Agora você sabe como exibir os modelos de submenu nas páginas Conta e Usuário usando o bloco Menu Perfil .