O Blog Post Image Accordion Addon For Elementor é um plugin/extensão complementar focado em interatividade visual para WordPress e Elementor, desenvolvido para blogs editoriais, portais de notícias, revistas digitais, agências de marketing de conteúdo, portfólios visuais e criadores de conteúdo que buscam transformar a exibição padrão de listagens e arquivos de posts em uma experiência dinâmica, expansível e de alto impacto visual em formato de acordeão de imagens sem a necessidade de programar scripts customizados em CSS ou JavaScript.
Destaques:
- Design Interativo, Fluido e de Alto Engajamento: Interface moderna baseada no conceito de painéis sanfonados expansíveis (sanfona horizontal ou vertical), onde a imagem destacada (featured image) de cada post do blog serve como pano de fundo dinâmico de cada lâmina, revelando título, metadados (data, autor, categorias), excerto resumido e botões de leitura ao passar o cursor (hover) ou clicar (click), economizando espaço vertical e aumentando o tempo de permanência do usuário na página.
- Integração Nativa com o Editor Visual do Elementor (Widget Dedicado): Adiciona um novo widget arrastar-e-soltar (drag-and-drop) diretamente ao painel do Elementor, permitindo configurar fontes globais, espaçamentos, bordas arredondadas, sombras, gradientes de sobreposição (overlays) e comportamentos de animação diretamente pelo painel do construtor sem tocar em linhas de código.
- Recursos Especializados de Consulta Dinâmica e Exibição de Posts:
- Mecanismo Avançado de Query de Posts (Query Builder) com opções para filtrar publicações por categorias específicas, tags, tipos de post customizados (CPTs), autores ou exclusão de IDs de posts já exibidos;
- Controles de Ordenação e Limite permitindo definir número máximo de posts exibidos simultaneamente no acordeão, ordenados por mais recentes, mais antigos, populares ou aleatórios;
- Modos de Ativação Interativa com suporte a transição de expansão no evento de passagem do mouse (hover state) ou toque/clique (click state), ideal para adaptar o comportamento entre desktop e telas sensíveis ao toque;
- Comportamento de Aba Ativa Padrão (Default Active Tab) permitindo definir se o primeiro post (ou um post em destaque) já abre expandido ou se todos os painéis iniciam com largura/altura distribuída uniformemente;
- Controles de Conteúdo e Metadados com alternadores (toggles) para exibir ou ocultar título do post, avatar e nome do autor, data de publicação, tempo de leitura estimado, resumo/excerto e botão customizado “Leia Mais” (Read More CTA).
- Opções de Estilização e Personalização Visual:
- Orientação Flexível do Layout com alternância entre formato de acordeão horizontal (lâminas lado a lado, comum em seções Hero de desktop) e acordeão vertical (painéis empilhados, útil para barras laterais e formatos móveis);
- Camadas de Sobreposição e Gradientes (Image Overlays) com controle de opacidade normal e hover, garantindo contraste e legibilidade perfeita do texto sobre fotos claras ou escuras;
- Controle de Easing e Velocidade de Transição para ajustar curvas de animação (suave, elástica, linear) e tempo de resposta da abertura dos painéis;
- Tipografia e Cores Globais integradas diretamente ao sistema de design global do Elementor para manter consistência com o restante do tema do site.
- Performance Otimizada e Comportamento Responsivo:
- Adaptação Automática para Telas Menores permitindo que o acordeão horizontal de desktop se converta automaticamente em um acordeão vertical empilhado ou slider deslizante em dispositivos móveis e tablets, evitando que as lâminas fiquem excessivamente estreitas;
- Estrutura de Código Limpa e Leve sem dependências pesadas de bibliotecas de terceiros além do ecossistema padrão do Elementor/jQuery nativo do WordPress, assegurando carregamento ágil e pontuações saudáveis no Google PageSpeed Insights e Core Web Vitals.