Como criar um Listing Template para usuários no Elementor

Adicionando novos usuários

Em primeiro lugar, vá para o painel do WordPress e abra Usuários > Adicionar novo .

Defina os parâmetros padrão necessários: como nome de usuário, e-mail, nome e sobrenome , site e outras informações.

Observe que o nome de usuário não pode ser alterado durante as futuras transformações dos dados pessoais e será mostrado apenas no backend.

Aplicando metacampos para usuários

Agora, vá para JetEngine> Meta Boxes e clique no botão “ Adicionar Novo ”. Defina o título da Meta Box e selecione o valor “Usuário” na Meta Box para o campo.

Em seguida, você precisa escolher o valor na lista suspensa Visível em . Esta opção determina quem poderá ver e editar os metacampos criados.

• Se a opção Editar usuário estiver selecionada, a metacaixa ficará visível apenas para o administrador;
• Se a opção Editar usuário e perfil for escolhida, a metacaixa ficará visível tanto para administradores quanto para usuários e os últimos poderão alterar o conteúdo por conta própria.

Depois que essas configurações básicas do Meta Box forem feitas, vamos prosseguir com a adição dos metacampos. Leia o tutorial se você não souber como adicionar metacampos.

Preenchendo metacampos para usuários com valor

Vá para Usuários> Todos os usuários e clique no botão “ Editar ” abaixo de cada título. Entre as outras configurações padrão na parte inferior da página, você verá os metacampos criados anteriormente. Preencha os campos com as informações apropriadas e clique no botão “ Atualizar perfil ”.

Criação de listagem para mostrar informações dos usuários

Vá para Painel WordPress> JetEngine> Listagens e clique no botão “ Adicionar Novo ”. Selecione a opção “Usuários” no campo Fonte da listagem . Insira o nome específico e escolha a opção “Elementor” no campo Listagem View .

Para preencher a Listagem, você deverá utilizar os widgets Dinâmicos. Escolha o widget Campo Dinâmico e a opção “Post/Term/User Data” no campo Fonte . No Campo Objeto , você poderá escolher entre vários itens. Com o tipo de fonte de dados pós-prazo/usuário , você poderá exibir todas as informações padrão que são adicionadas a cada usuário.

• ID exibirá o valor numérico do ID do usuário, que você pode obter passando o mouse sobre o valor de login no painel do WordPress.
• O login mostrará o nome que foi definido quando o WordPress foi instalado criando. O login ajuda o usuário a entrar no painel do site.
• O apelido mostrará o nome definido como apelido nas configurações dos usuários.
• O campo Email gerará o valor do campo denominado nas configurações do usuário.
• O campo do objeto URL exibirá o endereço do site que você inseriu no campo correspondente no WP Dashboard.
• A opção Data de registro exibirá a data em que o usuário foi adicionado ao banco de dados. Habilite a opção de saída do filtro de campo conforme normalmente realizado para os valores de dados. Leia aqui o guia detalhado sobre os retornos de chamada para o metacampo de data (link). Este valor você não pode alterar, pois é registrado automaticamente.
• A opção Nome para exibição deve mostrar o nome que você aplicou entre vários para a escolha. Portanto o nome ficará um pouco customizado e diferente do apelido. Também é a opção padrão nas configurações do usuário.

E quanto ao avatar padrão, você pode exibi-lo com o widget Imagem Dinâmica se escolher a opção Avatar do Usuário no campo Fonte . Então, você terá o controle deslizante para especificar o tamanho exato da imagem. Além disso, você pode definir a imagem substituta, que será mostrada se o avatar estiver vazio ou mesmo não existir. Mas se você habilitar a opção chamada Ocultar se o valor estiver vazio, ele não será exibido e a opção de fallback ficará indisponível.

Se você deseja exibir a imagem do Meta Field , escolha seu nome específico no campo Source e personalize de acordo com suas necessidades.

Além disso, você pode tornar a imagem clicável ativando a opção correspondente. Para obter informações detalhadas sobre as possibilidades do widget Dynamic Image , prossiga para o tutorial .

Exibindo listagem de usuários

Finalmente, você precisa exibir todos os usuários na página com a ajuda do widget Listing Grid . Para fazer isso, arraste e solte este widget na página e escolha o nome da listagem que deseja exibir. O resultado sem estilo pode ser assim: