Visão Geral do bloco Profile Menu para Gutenberg

Página da conta

Prossiga para a guia JetEngine > Profile Builder .

Coisas para saber

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” .

modo de modelo de reescrita do painel do construtor de perfil de usuárioAbra 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” .

subpáginas da página da conta

Aviso

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.

ocultar do menuVá 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.

bloco de menu de perfilEste bloco tem as seguintes opções:

configurações de bloqueio de menu de perfil

  • 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 ;

layout horizontal para o bloco de menu do perfil

  • Verticais ;

layout vertical para o bloco de menu do perfil

  • Layout de tablet . Selecione o layout da visualização do tablet;
  • Disposição Móvel . Escolha o layout para a visualização móvel.
Aviso

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.

bloco de conteúdo do perfilClique 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 da conta com modelos de subpágina no front end

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”).

Aviso

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” .

selecione uma página para usar como página pública de usuário únicoAbra 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” .

subpáginas para a página do usuário

Aviso

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.

ocultar do menu alternarVá 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.

contexto de página de usuário único

Aviso

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.

bloco de conteúdo do perfilClique 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.

página do usuário com o menu de perfil no front end

Isso é tudo. Agora você sabe como exibir os modelos de submenu nas páginas Conta e Usuário usando o bloco Menu Perfil .

Índice