Antes de mais nada, para aumentar ainda mais as possibilidades de customização do Elementor, é possível criar modelos de cards personalizados para que sejam utilizados em páginas – normalmente de arquivos – como aquelas páginas que contém cartões com conteúdos, sendo um exemplo a página de listagem de um blog. Confira como criar o modelo de blocos para o blog.

Como começar a criar um modelo de blocos para o Blog

1. Primeiramente, vá no painel WordPress, clique em Modelos

2. Agora, clique em Adicionar novo no canto superior esquerdo;

3. Em seguida, selecione o tipo de modelo Loop, defina um nome para o seu modelo e clique em CRIAR MODELO.

4. Já na página de edição do Elementor, feche a janela que abre automaticamente da Biblioteca sem escolher um template;

5. Agora, clique no ícone de “+” para adicionar uma seção;

6. Depois, selecione como será o formato da seção. Por exemplo, se desejar um card do blog com imagem à esquerda e conteúdo à direita, escolha a estrutura de 2 colunas;

7. Então, adicione o elemento Imagem à seção criada;

8. Defina o tamanho dela e clique no ícone de Tags dinâmicas, como mostrado na imagem abaixo;

9. Defina a tag dinâmica como Imagem destacada, para que a imagem escolhida de capa para o post, apareça de acordo com a sua publicação.

10. Então arraste o elemento Título para a página, e em sua tag dinâmica selecione Título do post;

11. Arraste o elemento de texto para logo abaixo do título se desejar adicionar um resumo ou qualquer outra informação disponível no seu post e escolha a tag dinâmica desejada. No caso do exemplo abaixo foi escolhido Resumo do post;

A partir dessa base você pode adicionar os elementos que deseja e construir o bloco da forma que quiser. A maioria dos elementos possuem as tags dinâmicas, que andam em paralelo com o post, mostrando o seu conteúdo. Basta selecionar qual informação você quer mostrar e começar a construir.

DICA

Agora, caso queira adicionar um campo personalizado existente no seu post, escolha ACF Field na tag dinâmica e clique sobre o ícone de ferramenta ou então sobre o texto, desse modo será aberta uma janelinha para continuar a configuração. Clicando em Key você escolherá qual campo personalizado aquele elemento irá buscar informações.

12. Por fim, com a página concluída, clique em Publicar e clique em Salvar e fechar;

---

Aplicando o modelo no Blog (ou página desejada)

Se você não tiver um modelo de blog, siga nosso tutorial de Como criar uma página do blog e prossiga com os passos a seguir.

1. No painel WordPress, volte até a aba de Modelos escolha o blog para editar com Elementos – ou – vá até a página que deseja editar;
2. Então, clique em Editar com Elementor;
3. Em seguida, arraste o elemento Arquivar Posts para a página;

2. Agora, na aba Conteúdo, selecione a Skin como Custom e selecione o template que você acabou de criar, em Select a default template;

3. Edite o número de colunas que você quer que os seus posts apareçam e clique em Atualizar.

Pronto, sua página personalizada de posts está finalizada.

Aproveite e leia também os outros tutorias da categoria, Edições das páginas, aqui.