Precisa dominar como usar o widget PostsElementor?
A versão pro doElementor vem com um widget chamado Publicações. Você pode usar este widget para exibir artigos existentes em seu site da Web. Por padrão, o widget Publicações exibe os artigos mais recentes do seu site da Web, mas você pode filtrar artigos em determinados parâmetros.
Alguns complementosElementor tal como Complementos essenciais et JetElements também têm um widget semelhante, mas o widget Posts nativo do Elementor oferece suporte a mais opções de filtragem.
Você pode usar o widget Postagens em qualquer lugar do seu site da Web. Seja na página inicial, em uma página de categoria, em uma página de arquivo, no rodapé, na barra lateral, etc… Você pode até usar o widget para exibir artigos relacionados no modelo de publicação única.
Como usar o widget de postagem do Elementor
Antes de começar, certifique-se de ter instalado e ativado a versão pro do Elementor porque o widget Posts está disponível apenas na versão pro.
Crie uma nova página, postagem ou modelo com Elementor. No editor Elementor, adicione uma nova seção, adicione o widget Posts à seção que você encontrará na seção Pro do painel esquerdo.
Leia também: Como adicionar itens relacionados no Elementor
Como você pode ver, o widget mostrará as postagens mais recentes do seu site assim que você o adicionar.
Filtrar artigos
Para filtrar artigos, você pode abrir o bloco Solicitação sob a guia Conteúdo. Além de exibir postagens, você também pode usar o widget Posts para exibir páginas e produtos WooCommerce. Você pode definir o tipo de conteúdo ( post, página ou produto ) que deseja exibir na opção fonte.
Filtrar itens por categoria e tag
Para filtrar artigos por categoria ou tag, clique no campo Incluir por e selecione prazo. Um campo prazo então aparecerá. Digite o nome da categoria ou nome da marca que você deseja e selecione na lista que aparece.
Você pode adicionar várias categorias ou tags.
Veja também: Como usar um widget global no Elementor
Se você sair do campo Incluir por vazio, o widget Posts exibirá todos os posts em seu site. Você pode ocultar artigos em determinadas categorias ou tags inserindo as categorias ou tags na guia EXCLUIR.
Filtrar artigos por autor
Para filtrar artigos por autor, basta selecionar Auteur no campo Incluir por e digite o nome do autor no campo que aparece. Você pode adicionar vários autores.
Para ocultar artigos de determinados autores, você pode acessar a guia EXCLUIR.
Selecionar itens manualmente
Além de filtrar postagens por categoria, tag e autor, você também pode adicionar postagens manualmente. Essa opção é ótima se você deseja exibir um artigo em destaque na página inicial ou onde quiser.
Para adicionar itens manualmente, selecione Seleção manual no campo fonte e digite o título dos artigos que deseja exibir no campo Pesquisar e selecionar.
Você também pode adicionar vários itens para exibição.
Ajuste de layout
Depois de filtrar os artigos, você pode definir o layout. Abra o bloco Layout sob a guia Conteúdo. Como você pode ver, você pode definir várias opções. Você pode definir a capa, o número de colunas para exibir suas postagens, o número de postagens por página, a posição da imagem, o tamanho da imagem, a proporção da imagem, o tamanho do trecho e a meta da postagem.
Configuração de paginação
Para definir a paginação, abra o bloco Paginação sob a guia Conteúdo. Existem três tipos de paginação oferecidos pelo widget Publicações: Números, Próximo/Anterior, a combinação dos dois, carregar ao clicar, carregar ao rolar.
Uma pequena nota. O número em campo Limite de páginas controla o número de páginas acessíveis, não o número de artigos. Se você tiver 100 artigos e definir a contagem para 5 — enquanto define artigos por página para 6 — o máximo de artigos acessíveis é 30 (6 x 5).
Personalize o widget Estilo
Como de costume, você pode ir para a guia Style para estilizar o widget Posts. Você pode abrir cinco blocos.
Bloco de Layout
Neste bloco você pode definir o intervalo entre colunas e linhas. Você também pode definir o alinhamento do conteúdo.
Bloco de cartão
Neste bloco, você pode definir a largura da borda, o raio da borda, a cor da borda, o preenchimento, o preenchimento do conteúdo, a sombra da caixa e o plano de fundo do cartão.
Bloco de imagem
Neste bloco, você pode definir o raio da borda das imagens do artigo, bem como o espaço entre cada imagem em destaque e o conteúdo. Você também pode aplicar alguns filtros CSS, se desejar.
Bloco de conteúdo
no bloco Conteúdo, você pode personalizar o estilo do conteúdo (Título, Meta, Trecho, Saiba mais). Você pode definir a cor do texto, tipografia (tamanho da fonte, estilo da fonte, família da fonte) e espaçamento.
Bloco de Paginação
Você pode estilizar a paginação neste bloco. Você pode definir a tipografia (tamanho da fonte, estilo da fonte, família da fonte), cor do texto e espaço entre os números. Ao definir a cor do texto, você pode definir cores diferentes para o estado normal, foco e foco do mouse.
Se você deseja definir o preenchimento e a margem do widget Postagens, acesse a guia avançado.
Para economizar tempo na personalização do widget, pode ser necessário instalar WunderWPGenericName. Este plug-in oferece predefinições que você pode escolher.
Obtenha o Elementor Pro agora !!!
Conclusão
Você pode usar o widget Postagens do Elementor para exibir postagens existentes em seu site. Se você estiver usando seu site para vender algo via WooCommerce, você também pode exibir produtos.
Este widget possui uma função de filtro que permite filtrar artigos em determinados parâmetros. Você pode usar o widget Posts em qualquer parte do seu site.
Aqui ! É isso neste artigo que mostra como use o widget Postagens do Elementor. Se você tiver alguma dúvida sobre como chegar lá, informe-os no Comentários.
No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.
Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais.
...
