Blog Elementor gratuito e widget de grade de postagem

Blog Posts é um widget gratuito de Master Addons que mostra posts, páginas ou qualquer tipo de post personalizado em uma grade, lista, layout de alvenaria ou carrossel Escolha Clássico ou Cartões, escolha um dos sete estilos de cartão ou sete estilos de lista e configure até 4 colunas por dispositivo Filtre a consulta por categoria, tag, autor ou posts excluídos, adicione guias de filtro de categoria e estilize a miniatura, título, meta, conteúdo, Leia mais e paginação Funciona com a versão gratuita do Elementor.

Como adicionar uma grade de postagem de blog no elementor

Você precisa do Elementor e do plugin gratuito Master Addons do WordPress.org.

  1. Verifique se o Blog está ativado em Complementos mestres, widgets.
  2. No editor Elementor, procure por Postagens de blog e arraste-o para a página.
  3. Em Opções Display, escolha o layout do blog, tipo de blog e número de colunas.
  4. Defina a origem, tipo de postagem e postagens por página e, em seguida, ative a paginação se precisar.
  5. Em Configurações de postagens, escolha qual meta e trecho mostrar e em Configurações Avançadas filtrar por categoria, tag ou autor.
  6. Estile a miniatura, título, meta e Leia mais na guia Estilo.

Para uma análise completa da página do blog, leia Como Criar uma Página de Blog com Elementor. Cada configuração está listada no Blog Posts configurações de widgets.

Opções de exibição de postagens de blog com layout de blog, tipo de blog e listas de layout de cartões ao lado de uma grade de duas linhas de cartões postais

Layouts de grade, lista, alvenaria e carrossel

Layout do blog é clássico ou cartas. Tipo de blog é Layout de Grade, Layout de Lista ou Layout de Maçonaria As cartas em uma grade oferecem sete estilos: Padrão, Sobreposição de Conteúdo, Meta Superior Esquerda, Cartas de Alinhamento Direita, Cartas de Alinhamento Central, Gradiente de Alinhamento Central BG e Cartão de Banner A lista tem mais sete, da Lista Clássica ao Fundo de Miniaturas da Lista. Definir Número de Colunas de 1 a 4 para cada dispositivo, e ligue Habilitar Carrossel? para mostrar as mesmas postagens de um controle deslizante.

  • Espaçamento entre linhas, espaçamento entre colunas e alinhamento de conteúdo.
  • Tag HTML de título e um pós-meta separador personalizado.
  • Carrossel ou controle deslizante Coverflow com reprodução automática, loop e seis tipos de navegação.

Postar consulta e guias de filtro de categoria

Definir Fonte para as Últimas Postagens para construir sua própria consulta, ou para a Consulta Atual em modelos de arquivo para que o widget siga a categoria, tag, data ou autor que está sendo visualizado Escolha o Tipo de Postagem, Postagens por Página, Número Total de Postagens, Postar Ordem e Ordem Por, que inclui data, título, última modificação, aleatório e contagem de comentários Em Configurações Avançadas, filtre por categoria, tag ou autor, exclua postagens, desloque o início e ignore postagens adesivas.

  • Categoria Guias de filtro adicione guias clicáveis acima de uma grade ou lista Eles filtram as postagens já na página sem recarregar, e não estão disponíveis com o carrossel.
  • Paginação mostra páginas numeradas com o seu próprio texto Próximo e Anterior.
  • Links na nova guia abre postagens em uma nova guia do navegador.
Blog publica configurações avançadas com filtros de categoria, tag e autor e configurações de postagens alterna ao lado de uma lista de postagens de duas colunas
Blog publica configurações de miniaturas com ajuste de miniaturas, posição, animação de pairar e a lista de efeitos de cores ao lado de cartões postais

Efeitos em miniatura e pós-meta

Em Configurações de miniaturas, escolha a Resolução da Imagem, um Ajuste em Miniatura de Paisagem, Quadrado, Capa, Preenchimento ou Contenção, uma altura mínima e máxima opcional e a Posição em Miniatura Adicione uma Animação Elementor Hover, uma das 16 Efeitos Coloridos como Zoom In, Escala Cinza, Borrão, Sépia, Brilho ou Círculo e a Forma de miniatura: Enquadrado, Diagonal, Bordado, Bordado de Gradiente ou Quadrados A guia Estilo adiciona uma cor de sobreposição e filtros CSS.

  • Mostrar ou ocultar o título, autor, avatar do autor, data, categorias, tags e contagem de comentários.
  • Mostrar conteúdo completo ou um trecho com um comprimento definido, terminando em três pontos ou um link Leia mais.
  • Poste metaícones e poste ícones de formato.

Carrossel de postagem do blog

Com Habilitar Carrossel? em, o Configurações Carrossel dê-lhe um layout Carrossel ou Coverflow, Autoplay com velocidade, Pausa no Hover, Slides para Rolar, Loop, Slide Central, Cursor de Agarrar, Modo Livre de Arrasto e Velocidade de Animação Navegação seção oferece Setas e Pontos, Setas e Fração, Setas, Pontos, Progresso ou Nenhum, com colocação de seta dentro ou fora e uma opção Ocultar Seta no Móvel.

  • Um controle deslizante “Latest posts” na página inicial.
  • Uma linha de postagens relacionadas filtrada por tag no final de um artigo.
  • Estilos Normal, Hover e Active para cada slide.
Blog Posts Configurações do carrossel com opções de reprodução automática e slides ao lado de um único slide de postagem com seta de navegação
Configurações de paginação de postagens de blog e painel de estilo de paginação ao lado de uma postagem com links de página numerados

Estilo Paginação

Ligar Paginação para dividir uma grade ou lista em páginas numeradas, defina o Texto da Próxima Página e o Texto da Página Anterior e alinhe os links à esquerda, centro ou direita A seção Estilo de paginação define a tipografia, o texto e as cores de fundo para números de página normais, de hover e ativos, além de borda e raio O widget não possui botão Carregar mais ou rolagem infinita.

  • Defina postagens por página e um número total de postagens para limitar quantas páginas aparecem.
  • Dê ao número da página atual sua própria cor.
  • Combine os links da página com seus botões com as configurações de borda e raio.

Elementor Pro Posts vs Master Addons Blog Posts

Elementor Livre não tem widget de posts Elementor Pro tem o widget Posts mais Loop Grid e Loop Carousel Aqui é como eles se comparam com este widget gratuito.

CaracterísticaElementor ProPostagens no blog Master Addons
PreçoPrecisa do Elementor ProGrátis
LayoutsSkins Clássicas, Cartões ou Conteúdo Completo; Loop Grid usa seu próprio modelo de cartãoClássico ou Cartas em Grade, Lista ou Maçonaria, com 7 estilos de cartas e 7 listas
Colunas1 a 61 a 4, por dispositivo
CarrosselWidget Carrossel Loop SeparadoHabilitar Carrossel? alternar no mesmo widget
PaginaçãoNúmeros, Anterior/Próximo, Carregar em Clique ou Rolo InfinitoPáginas numeradas com texto seguinte e anterior
Filtro frontalWidget de filtro de taxonomia para Loop GridCategoria Filtro Tabs para os posts na página
Efeitos de miniaturasFiltros CSS para normal e hover16 efeitos de cor, 5 formas, animação hover e filtros CSS
Predefinições arquivoConsulta AtualConsulta Atual

Elementor Pro é a melhor escolha quando você precisa Load More, scroll infinito ou um cartão totalmente personalizado construído como um modelo Loop Posts fica adequado sites Elementor gratuitos que querem estilos de cartão prontos, efeitos de miniatura e um carrossel sem widgets extras Para manchetes de rolagem, veja o Ticker Notícias widget.

Visualizador de modelos
Facebook
Twitter
WhatsApp
Copiar link
Compre Agora
Grade de postes de oficina escura
Grade de postes de oficina escura
Lista de postagens horizontais
Lista de postagens horizontais
Cartões postais escalonados
Cartões postais escalonados
Banners de postes de grande sobreposição
Banners de postes de grande sobreposição
Sobreposição de linhas de postes de cartão
Sobreposição de linhas de postes de cartão
Cartões postais de sobreposição de deslocamento
Cartões postais de sobreposição de deslocamento
Cartões de sobreposição de imagem completa
Cartões de sobreposição de imagem completa
Grade de poste de cartão flutuante
Grade de poste de cartão flutuante
Layout do cartão
Layout do cartão

Perguntas frequentes para blog

Saiba as dúvidas mais solicitadas que os usuários têm sobre o Blog e encontre respostas em um só lugar.
O widget Blog Posts é gratuito?

Sim. Blog Posts faz parte do plugin gratuito Master Addons, incluindo os estilos de cartão e lista, carrossel, guias de filtro e paginação, e funciona com Elementor gratuito.

Sim. Defina o código-fonte para as postagens mais recentes e escolha qualquer tipo de postagem pública no menu suspenso Tipo de postagem. Em modelos de arquivo, use a Consulta Atual para que o widget siga o arquivo que está sendo visualizado.

Número de Colunas pode ser definido por dispositivo, então você pode usar 3 colunas no desktop, 2 no tablet e 1 no celular A configuração de miniatura adequada para cobrir com uma altura fixa mantém as imagens uniformes.

Mostrar conteúdo ativa ou desativa a área de texto Com o Excerto de exibição ativado, o widget mostra um trecho aparado do comprimento que você definiu (55 palavras por padrão) em vez do texto completo Os trechos mantêm os cartões mesmo em uma grade.

Como funcionam as guias de filtro de categoria?

Quando ativado, as guias para as categorias dos posts carregados aparecem acima da grade ou lista Clicar em uma guia filtra esses posts no lugar sem recarregar Ele filtra apenas os posts na página atual, e não está disponível com o carrossel.

No. Pagination usa links de página numerados com texto Próximo e Anterior Se você precisar de Load More ou rolagem infinita, o widget Posts do Elementor Pro oferece ambos.

Sim. Defina o código-fonte para a consulta atual e o widget mostra as postagens da categoria, tag, data ou arquivo do autor que está sendo visualizado, usando o layout e os estilos escolhidos.

Widgets e extensões de elementos de tendência

Construa sites sofisticados em menos tempo.

Extensão Master Addons Glassmorphism para Elementor: cartões de vidro fosco com o controle Blur Value definido como 20 px

Glassmorphismo

Extensão de Glassmorphism de Elementor Livre em Casa: Efeito de vidro fosco em uma alternância O Glassmorphism é o fosco...
Ver detalhes
Extensão Master Addons Container Extras para Elementor: contêiner tampado em uma largura máxima de 1400 px, com controles de largura máxima, altura máxima, largura mínima e altura mínima

Contêiner Extras

Home Elementor Container Max Width e Max Height Controls Container Extras é um Master gratuito...
Ver detalhes
Extensão Master Addons Patterns para Elementor: herói com o estilo Purple Gradient Grid Left, mais três estilos de padrões e o painel Habilitar Padrão

Padrões

Início 70+ Padrões de fundo de elementor gratuitos é uma extensão gratuita de complementos mestres que adiciona...
Ver detalhes
Extensão Master Addons Post/Page Duplicator para Elementor: MA Link de linha Duplicator na lista de páginas WordPress criando uma página de destino - rascunho [duplicado #128]

Duplicador de postagem/página

Home Páginas e postagens de elementos duplicados em um clique Post/Page Duplicator é um Master gratuito...
Ver detalhes
Extensão da barra de progresso de leitura de complementos mestres para Elementor: barra azul 42% preenchida na parte superior de uma página de política de privacidade, com configurações de habilitação, posição, altura e preenchimento de cores

Barra de progresso de leitura

Início Adicionar uma barra de progresso de leitura no WordPress (Elementor) A barra de progresso de leitura é gratuita...
Ver detalhes