O Blog Post Tiles Addon For Elementor é um plugin/extensão visual complementar para WordPress e Elementor, desenvolvido para portais de notícias, revistas digitais (e-zines), blogs de tecnologia, entretenimento, moda, viagens, culinária e sites editoriais em geral que buscam transformar feeds padrão de artigos em composições visuais no formato de mosaicos dinâmicos (tiles / magazine grids), valorizando fotografias de destaque e aumentando as taxas de clique (CTR) em matérias principais sem a necessidade de codificar CSS Grid complexo.
Destaques:
- Design Editorial, Modular e em Formato Mosaico (Tiles Grid): Transforma listagens lineares de artigos em composições visuais inspiradas em grandes portais de mídia, combinando uma matéria principal em bloco de destaque ampliado ladeada por dois, três ou mais blocos menores proporcionais, com títulos sobrepostos, tags de categoria contrastantes e efeitos de zoom suave na imagem de fundo (ken burns ou hover zoom).
- Integração Nativa com o Editor Visual do Elementor (Widget Dedicado): Adiciona um widget visual arrastar-e-soltar diretamente ao painel do Elementor, permitindo selecionar padrões de mosaico pré-definidos, ajustar alturas de linha, configurar margens internas (padding), sombras de caixa, gradientes de legibilidade e arredondamento de bordas diretamente pelos controles do construtor sem tocar em código.
- Recursos Especializados de Consulta Dinâmica e Filtros de Posts:
- Mecanismo Avançado de Query (Query Builder) com suporte a seleção de posts por categorias, tags, formatos de post, tipos customizados (Custom Post Types – CPTs), autores específicos ou exclusão de matérias já exibidas no Hero principal para evitar duplicação (offset);
- Opções de Ordenação Flexíveis permitindo puxar posts por data de publicação, quantidade de comentários, contagem de visualizações (posts mais lidos/populares), ordem alfabética ou exibição aleatória;
- Badges e Etiquetas Dinâmicas de Categoria posicionadas no topo de cada bloco com cores customizáveis por taxonomia (ex: “Tecnologia”, “Finanças”, “Moda”);
- Metadados Customizáveis com Toggles de Exibição para habilitar ou ocultar autor com foto/avatar, data de publicação em formato relativo (ex: “há 2 horas”), tempo estimado de leitura e contador de comentários.
- Padrões de Layout e Estilização Visual:
- Múltiplos Padrões Pré-Configurados de Mosaico (Tile Layouts) incluindo variações clássicas de portais (1 card grande + 2 menores ao lado, 1 central + 4 ao redor, colunas divididas simétricas ou grades assimétricas no estilo alvenaria/magazine);
- Controle de Altura Mínima e Proporções de Imagem (Aspect Ratios) permitindo travar alturas fixas para o container de destaque e submódulos para manter alinhamento uniforme;
- Gradientes de Sobreposição (Overlay & Gradient Controls) para aplicar máscaras escuras na parte inferior das fotos, garantindo leitura nítida do texto branco mesmo em fotos muito claras ou contrastadas;
- Tipografia e Cores Globais integradas diretamente às variáveis globais de design do Elementor para assegurar consistência visual com o tema ativo.
- Performance Otimizada e 100% Responsivo:
- Rearranjo Inteligente para Dispositivos Móveis reorganizando automaticamente mosaicos complexos de desktop em cartões empilhados verticalmente ou carrosséis com rolagem horizontal nos smartphones, preservando a proporção das imagens e a legibilidade do texto;
- Código Leve e Carregamento Rápido desenvolvido com CSS moderno (CSS Grid / Flexbox nativo) e sem dependências pesadas de bibliotecas externas de terceiros, garantindo renderização instantânea e preservação da performance no Core Web Vitals.