Como aplicar uma página predefinida para conta de usuário

Importando predefinições

Vá para a guia WordPress Dashboard> JetEngine> JetEngine> Módulos e certifique-se de que a alternância do Profile Builder esteja habilitada na seção Módulos padrão .

Em seguida, abra o Skins Manager e desdobre a guia Presets .

Primeiro, você pode clicar no botão “ Importar ” próximo ao perfil de usuário com conteúdo editável , que aciona um pop-up.

Conforme está escrito no pop-up, a página da conta com três subpáginas é importada e configurada no seu site. As subpáginas são:

• “Principal” com a Grade de Listagem que exibe os posts criados pelo usuário atual;
• “Editar postagem” com o formulário “Editar postagem”;  
• “Nova postagem” com o formulário “Nova postagem”.

Para fechar o pop-up, pressione o botão correspondente.

Clicar no botão “ Importar ” próximo à página de configurações de usuário editáveis ​​para perfil de usuário aciona outro pop-up.

Este pop-up significa que a subpágina “Configurações do usuário” com o formulário “Editar usuário” foi adicionada à página Conta.

Salvando novamente links permanentes

Após importar as predefinições, você deve salvar novamente a estrutura do link permanente. 

Vá para Painel do WordPress> Configurações> Links permanentes e clique no botão “Salvar alterações” na parte inferior da página.

Ajustando as configurações do painel do Profile Builder

Vá para o diretório WordPress Dashboard > JetEngine > Profile Builder . Na guia Páginas , a página da conta criada automaticamente é definida como a opção Página da conta .

Aqui, você pode definir outras configurações descritas na Visão geral do Profile Builder .

Por exemplo, no campo Modo modelo , você pode escolher se os modelos das subpáginas Conta serão processados ​​por meio de modelos ou usando o conteúdo da página.

Para a página Conta e suas subpáginas importadas com predefinições, o modo “Reescrever” Modelo é mais adequado. Se quiser usar o modo de modelo “Conteúdo” , você deve reconstruir a página da conta e suas subpáginas.

Saiba mais sobre a diferença entre os modos de modelo “Conteúdo” e “Reescrever” no tutorial Criando página de conta de usuário com diferentes estruturas de painel .

Em seguida, abra a página da conta para observar as subpáginas anexadas. A predefinição Perfil de usuário com conteúdo editável permite a importação das subpáginas “Principal”, “Adicionar nova postagem” e “Editar postagens”. A página de configurações de usuário editáveis ​​para predefinição de perfil de usuário configura a subpágina “Configurações do usuário”.

Desdobre uma das subpáginas para observar suas configurações. Todas as subpáginas configuraram as opções Title , Slug e Template . Você pode renomear as subpáginas e anexar outros modelos a elas, se necessário. 

Essas subpáginas também representam itens do menu colocado na página Conta. Você pode ocultar algumas subpáginas ativando a opção Ocultar do menu , mas elas ainda estarão acessíveis por URL.

Você também pode definir funções de usuário para quem o item de menu será mostrado no campo Disponível para a função do usuário .

Para adicionar novas subpáginas, clique em “ + Adicionar nova subpágina ”, insira o título e o slug , anexe o modelo pré-fabricado , ajuste outras configurações e clique no botão “ Salvar ”.

Observando modelos Elementor

Para verificar os modelos de subpágina importados, navegue até Painel do WordPress > guia Modelos , localizada na guia Elementor . Se você importou duas predefinições, a guia Modelos salvos conterá “Editar usuário”, “Editar postagem”, “Adicionar postagem” e “Postagem do usuário”.

Para observar o conteúdo do modelo, clique no botão “ Editar com Elementor ”.

Os modelos “Editar usuário” e “Editar postagem” contêm os formulários “Editar usuário” e “Editar postagem” do JetEngine colocados com o widget Formulário .

O modelo “Adicionar postagem” contém o formulário “Nova postagem” do JetEngine e o widget Menu de perfil . 

O menu Perfil mostra as subpáginas da conta como itens de menu, clicando nos quais os usuários podem prosseguir para a página correspondente. Para saber mais sobre suas configurações, vá para Visão geral do widget do menu de perfil para Elementor .

O modelo “Postagem do usuário” contém os widgets Menu de perfil e Grade de listagem .

A Grade de Listagem exibe o modelo de Listagem criado para postagens.

Desdobre a guia Post Query e desenrole a guia “Postagens e parâmetros do autor”. Possui o correspondente Type , a opção “Publicar” definida para o campo Obter posts com status , e o conjunto escolhido “Usuário Atual” para o campo Postagens por autor . Com essas configurações, a Grade de Listagem exibe apenas as postagens publicadas do usuário atual.

Para observar as configurações do modelo de listagem, clique no ícone “ lápis ”.

Se você clicar no ícone “ engrenagem ”, abrirá as Configurações de itens de listagem . 

A guia Configurações de listagem contém as seguintes opções:

• Fonte da listagem de “Postagens” ;
• “Postagem” Do tipo de postagem ;
• Faixa de largura de visualização com o valor padrão;
• Tornar o item da listagem clicável e inativo.

Se necessário, você pode alterar as configurações.

O modelo de listagem contém os seguintes widgets:

• Imagem Dinâmica com a Fonte “Post thumbnail”;
• Campo Dinâmico com a Fonte “Post/Termo/Usuário/Objeto” e Campo do Objeto “Título”;
• Link dinâmico com a fonte “Página de perfil” , página de perfil “Editar postagem” , rótulo “Editar postagem” e argumentos de consulta “post_id=%current_id%”. Isso significa que após um usuário clicar no Link Dinâmico , ele será redirecionado para a subpágina da conta com o formulário para edição do post e o ID do post escolhido transferido via URL.

O modelo de listagem pode ser editado aqui ou siga o diretório WordPress Dashboard > JetEngine > Listings . Encontre a lista “Item de postagem do usuário” e clique no botão “ Editar com Elementor ”.

Examinando Formulários

Para verificar os formulários colocados nos templates de subpáginas, siga o caminho WordPress > JetEngine > Formulários . Três formulários importados são: “Editar usuário”, “Editar postagem” e “Nova postagem”. Para verificar suas configurações, passe o mouse sobre o formulário necessário e clique no botão “ Editar ”.

Confira estes tutoriais se você decidir recriar o formulário com o plugin JetFormBuilder :

• Atualizar usuário e como alterar uma função de usuário por meio dos tutoriais de formulário para criar o formulário “Editar usuário”;
• Tutoriais de inserção/atualização de postagem e formulário de envio de postagem front-end para construir os formulários “Nova postagem” e “Editar postagem”.

Verificando a página da conta e os resultados no front-end

Vá para Painel do WordPress> guia Páginas e encontre a página da conta aqui.

Se você definir o modo de modelo “Conteúdo” , deverá usar o Menu de perfil , Conteúdo da subpágina de perfil e outros widgets na página Conta para personalizá-lo. Além disso, você precisa excluir o widget Menu de perfil do modelo “Postagem do usuário” para evitar a repetição do menu.

Se você definir o modo de modelo “Reescrever” no Painel do WordPress> JetEngine> Profile Builder > guia Páginas , não poderá editar a página, pois o conteúdo é exibido nos modelos de subpágina da conta. Se você passar o mouse sobre a página da conta e apertar o botão “ Editar com Elementor ”, você receberá a mensagem “Desculpe, a área de conteúdo não foi encontrada em sua página”. erro. Com este modo, nenhuma alteração é necessária.

Para observar a página da conta, pressione o botão “ Visualizar ”.

Por padrão, a página Conta mostra o modelo de subpágina “Postagem do usuário” que no menu Perfil é denominado “PRINCIPAL”.

Clicar no link “Editar postagem” em uma postagem redireciona para a subpágina “Editar postagem” com o formulário correspondente. A predefinição do formulário preenche automaticamente os campos do formulário com os dados de postagem escolhidos para que você possa editá-los.

Se você clicar no item de menu “ADICIONAR NOVO POST”, você prosseguirá para o formulário de criação de post.

Se você pressionar o item de menu “CONFIGURAÇÕES DO USUÁRIO”, abrirá o formulário “Editar usuário”.

Isso é tudo. Agora você sabe como configurar a página da conta de usuário usando o recurso predefinido JetEngine para o seu site WordPress. Sinta-se à vontade para editá-lo para que a página da conta atenda às suas necessidades.