Como criar um modelo de postagem de blog personalizado do Elementor (guia fácil)

Você está procurando o tutorial mais fácil sobre como criar um modelo de postagem de blog Elementor personalizado?

Os blogs são uma das formas mais populares e eficazes de criar consciência sobre o seu produto. No entanto, se você deseja aproveitar ao máximo o marketing de conteúdo, precisa garantir que a página do seu blog tenha uma aparência cativante, juntamente com as informações corretas.

Para tornar sua postagem de blog atraente, você precisa criar seu próprio modelo de blog personalizado. E você pode obter um excelente modelo de postagem de blog para envolver seu público usando o Elementor. Você pode criar uma página de blog personalizada do Elementor do zero, bem como criar uma usando modelos pré-criados.

Neste artigo, você aprenderá como criar um modelo de postagem de blog Elementor usando dois métodos da maneira mais simples possível. Então, continue lendo…

Plugins que você precisa instalar para criar um modelo de postagem de blog Elementor personalizado

Para criar uma postagem de blog no WordPress com o construtor de páginas Elementor sem esforço, você precisará dos dois

• Elementor (Gratuito)

• e ElementorPro.

Como criar um modelo de página de blog personalizado do Elementor do zero

O Elementor Pro fornece todos os widgets necessários para criar um modelo de postagem de blog personalizado impressionante a partir do zero. Basta seguir as etapas abaixo mencionadas para criar seu único modelo de postagem do Elementor:

Etapa 1: criar um novo modelo de blog único

Primeiro, você precisa criar um único modelo de blog. Para isso, vá para WordPress Dashboard e navegue até Templates ⇒ Add New

e clique no botão Adicionar Novo . Quando a nova janela for aberta, selecione Single Post como o tipo de modelo no menu suspenso, forneça um nome de sua escolha e clique em Criar modelo .

Agora você deve ver os layouts pré-fabricados (vai abordar como usar isso mais tarde). Como vamos construir um modelo de blog do zero, clique no botão de cruz no canto superior direito para fechar esta janela.

Etapa 2: selecione uma estrutura/layout para o modelo de postagem do blog

Agora, você precisa escolher uma estrutura para o template do seu blog, é recomendado não usar toda a largura de uma página, pois fica difícil para o usuário lê-la. Para escolher uma estrutura para o seu modelo de página de blog personalizado Elementor, clique no ícone + e selecione a que você gosta e apenas clique na estrutura para inseri-la.

Observação: para ver como um blog ficará com o modelo que você está criando, selecione um blog existente na opção de visualização de conteúdo dinâmico . Para definir isso, clique na opção Configurações no canto inferior esquerdo.

Em seguida, escolha Postar na lista suspensa Visualizar conteúdo dinâmico , digite o nome do blog que deseja selecionar na segunda lista suspensa abaixo. Por fim, clique em Aplicar e Visualizar .

Etapa 3: adicione o widget de imagem em destaque e personalize as opções de estilo de imagem

Depois de ter o layout, na barra do editor à esquerda, procure o widget Imagem em destaque. Depois de encontrar o widget, arraste e solte-o no local desejado.

Depois que o widget for carregado, personalize o tamanho da imagem, o alinhamento, a legenda, o link e a opção da caixa de luz.

Para alterar as configurações de estilo, navegue até a guia Estilo . Aqui você pode alterar a altura, largura, opacidade, borda, raio, etc. da imagem.

Etapa 4: adicionar e personalizar o widget Elementor Post Info

Após a imagem do recurso, você deve exibir as informações relacionadas à postagem, o que pode ser feito com o widget Informações da postagem . Assim como a imagem em destaque, primeiro procure o widget Post Info e, em seguida, basta arrastar e soltar abaixo do widget Imagem em destaque.

Na guia Conteúdo do Editor Elementor, você pode definir o layout como Padrão ou Inline. Você pode editar/excluir Autor, Data, Hora e Opções de Comentários . Você também pode adicionar um campo personalizado ao widget Post Info clicando no botão + ADICIONAR NOVO.

Novamente, vá para a guia Estilo para personalizar as configurações de estilo, como espaço entre listas, alinhamento, cor e tamanho do ícone, cor do texto e tipografia.

Etapa 5: Arraste e solte o widget Título da postagem e personalize

Agora, procure o widget Título da postagem e arraste e solte abaixo do widget de informações da postagem.

Você pode personalizar o tamanho, a tag HTML e o alinhamento da tag Post Title.

Na guia estilo, você encontrará opções para personalizar a cor do texto, tipografia, traçado do texto, sombra do texto e modo de mesclagem.

Etapa 6: adicionar e personalizar o widget Postar conteúdo

Agora, arraste e solte o widget de conteúdo da postagem . O widget de conteúdo de postagem do ElementsKit representa o corpo (conteúdo principal) da postagem do blog.

Etapa 7: arraste e solte o widget Ícones sociais para adicionar uma opção de compartilhamento social

Após o conteúdo da postagem, adicione o widget Ícones sociais arrastando e soltando. Ícones sociais fornecerão opções para compartilhar seu blog em diferentes plataformas sociais.

Você pode adicionar/excluir quantos ícones sociais quiser. Além disso, você pode personalizar a forma dos ícones, o número de colunas que devem aparecer e o alinhamento. Você também pode personalizar o ícone, a cor e o link da plataforma social para cada um dos ícones sociais.

Navegue até a guia Estilo para alterar o tamanho do ícone, cor, preenchimento, espaçamento e tipo de borda.

Etapa 8: adicione o widget Author Box e personalize as configurações do widget

Procure por Author Box e arraste e solte o widget após os ícones sociais. Você também pode adicionar um autor personalizado , se desejar, na lista suspensa de origem. Você pode escolher como/ocultar a foto do perfil, o nome de exibição e a biografia . Você também pode personalizar outras configurações, como tag HTML, Link, Layout, Alinhamento.

Navegue até a guia Estilo para personalizar opções como tamanho da imagem, borda, cor e tipografia do nome do autor, biografia etc.

Etapa 9: adicionar widget de navegação de postagem para opção de paginação

O widget Elementor Post Navigation oferecerá opções de navegação aos leitores para que eles possam alternar para diferentes blogs. Para adicionar o widget de navegação de postagem, como antes de pesquisar no editor, arraste e solte após o widget de caixa do autor.

Você pode mostrar ou ocultar o rótulo de paginação ou o sinal de seta. Você obtém cerca de 8+ opções de design para flechas. Você também pode personalizar o texto de nível anterior e seguinte.

Você pode alterar a cor e a tipografia do rótulo, título, seta e bordas para as visualizações normal e flutuante.

Passo 10: Arraste e solte o widget Posts para exibir posts relacionados

Para mostrar as postagens relacionadas, usaremos o widget Elementor Posts . Então, arraste e solte o widget de postagens após o widget de navegação de postagem. Com este widget, você pode alterar a cor da pele, definir o número de colunas, número de postagens por página, posição da imagem e muitas outras configurações. Você também pode alterar os diferentes estilos de layout, caixa, imagem e conteúdo.

Etapa 11: adicionar widget de comentários de postagem

Para dar uma opção para seus usuários comentarem em suas postagens, você precisa adicionar os widgets de comentários de postagens. Procure o widget Comentários de postagens e arraste e solte abaixo do widget de postagens.

Etapa 12: atualizar e ver o modelo de página de blog personalizado do Elementor

Agora que todo o design está feito, clique no botão atualizar . Se a janela de configuração de publicação aparecer, clique em Salvar e Fechar.

Aqui está a visualização do modelo de postagem de blog personalizado do Elementor que acabamos de criar.

Se você achou o método descrito acima muito demorado, pode optar pelo método mencionado abaixo, onde não precisa construir e projetar cada seção do zero.

Como criar a página de postagem única usando o modelo Elementor pré-fabricado

Se você planeja usar um modelo pré-criado para sua página de blog personalizada do Elementor, pode fazê-lo em apenas 3 etapas. Vamos verificar como:

Etapa 1: crie um novo modelo de postagem de blog único no painel

Como o primeiro método, você precisa criar um novo modelo de blog único. Para mais detalhes sobre como criar o novo template role um pouco para cima e confira o primeiro passo do primeiro método (como construir um template de blog do zero).

Etapa 2: escolha um modelo Elementor Single Post pré-fabricado

Depois de clicar em Criar modelo, você verá a janela da biblioteca Elementor com muitos modelos personalizados de postagem única. Aqui você pode escolher qualquer um dos blocos de postagem única que desejar. Passe o mouse sobre o modelo de sua preferência, clique em inserir.

Etapa 3: escolha um modelo Elementor Single Post pré-fabricado

Depois que o modelo for carregado, clique no botão publicar para salvar todos os novos modelos de blog.

Aqui está uma aparência final de uma postagem de blog usando uma postagem de blog Elementor usando um modelo de postagem única pré-criado.

Como criar uma página de postagens mais recentes do Elementor com o ElementsKit

Agora que você tem um modelo de postagem único atraente, é hora de criar uma página de listagem de blog personalizada para que todos os seus blogs sejam exibidos de maneira agradável e fácil de usar. Vamos dar uma olhada em como você pode criar postagens mais recentes personalizadas do Elementor com o ElementsKit.

Etapa 1: instalar e ativar o ElementsKit

Para criar uma página de listagem de blog impressionante, juntamente com o construtor de páginas Elementor, você precisará do ElementsKit. O ElementsKit é um plug-in completo para Elementor com mais de 85 widgets e módulos para tornar o desenvolvimento web mais fácil do que nunca.

Etapa 2: ativar o widget relacionado à lista de postagens

Uma vez ativado, você precisa ativar o widget relacionado à postagem para criar a página da lista de postagens. O ElementsKit fornece vários widgets para exibir suas listas de blogs, incluindo Posts do Blog, Grade de Posts, Lista de Posts, widget da guia Post, etc. Você pode habilitar o widget que deseja usar.

Etapa 3: adicione o widget e personalize

Agora, vá para a página da lista de blogs, procure o widget e simplesmente arraste e solte. Depois que o widget for carregado, você poderá personalizar as configurações relacionadas para personalizar sua página de lista de blogs. Vamos dar uma olhada na aparência de uma página de lista de blog com alguns dos widgets ElementsKit e suas opções de personalização.

Postagens no blog:

Usando o widget de postagem do blog, você pode exibir seus blogs em formato de bloco, grade com polegar e grade sem design de polegar . Você também pode definir o número de postagens a serem exibidas por linha, ativar/desativar a paginação e muitas outras opções. Para mais detalhes, confira nosso blog sobre como exibir postagens recentes do blog.

Grade de postagem:

Com o plug-in de grade de postagem, você pode personalizar quais blogs de categoria deseja exibir em sua lista de blogs. Você também pode escolher o número de postagens a serem exibidas e os números das colunas que cada linha deve ter. Para mais detalhes, consulte nossa documentação.

Widget da guia de postagem

Com um widget Post Tab , você obtém todas as opções de personalização, como Post Grid, juntamente com uma guia de categoria extra. Com esta opção, os usuários podem simplesmente passar o mouse em qualquer guia de categoria e ver apenas os blogs dessa categoria específica.

Depois de escolher seu widget e fazer a personalização de acordo com sua escolha, clique no botão atualizar para publicar. Agora você deve ter uma página que exibe as últimas postagens recentes do Elementor de uma maneira atraente.

Palavras finais

Tentamos o nosso melhor para fornecer a você um tutorial fácil sobre como criar um modelo de postagem de blog personalizado do Elementor de duas maneiras. Esperamos que você tenha achado o blog útil para criar seu modelo de blog Elementor personalizado. Você pode seguir as etapas e alterar os layouts e designs de acordo com sua escolha.

E não se esqueça de dar um toque extraordinário à página da lista do seu blog com os widgets ElementsKit. O ElementsKit é o complemento perfeito para o Elementor, reserve um tempo para conferir todos os widgets incríveis que este complemento tem a oferecer.