Você gostaria de adicionar uma sanfona de imagens a uma página Elementor ?
Isso é ótimo porque o acordeão de imagens permite que você exiba imagens de forma mais criativa. Infelizmente, Elementor não tem um widget padrão que permite adicionar um elemento sanfona de imagens a uma página ou modelo.
Se você realmente deseja adicionar um acordeão de imagens, pode instalar um complemento ou complemento que vem com um widget de acordeão de imagens. Um dos complementos que você pode instalar é JetTabs.
JetTabs é um complemento Elementor Membro da familia JetPlugins, um conjunto de complementos Elementor desenvolvidos pela Crocoblock. JetTabs vem com quatro widgets: Swicther, Tabs, Image Accordion e Classic Accordion.
Como adicionar o acordeão de imagem no Elementor com JetTabs
Antes de começar, certifique-se de ter instalado e ativado o complemento JetTabs. Você pode obter esse complemento por apenas $ 23 por ano. Como alternativa, você também pode obter JetTabs com uma opção de compra única por meio do pacote de temas Jupiter X ou Monstroid2.
Leia também: Como criar um menu de navegação de uma página no Elementor
Quando estiver pronto, crie uma nova página (Páginas -> Adicionar novo) ou uma nova postagem (Postagens-> Adicionar) e edite-a com Elementor. Claro, você também pode editar uma página ou postagem existente.
No editor Elementor, arraste o widget Image Accordion do painel do widget para a área de edição.
Depois que o widget Image Accordion for adicionado, vá para o painel esquerdo para personalizá-lo. Por padrão, o acordeão é composto por três elementos. Para adicionar uma imagem a cada elemento, basta abrir um elemento no bloco Elementos e clicar no seletor de imagens. Você também pode definir o título, a descrição e o link do botão do item.
Repita os passos acima para os outros itens. Para adicionar um novo elemento ao acordeão, basta clicar no botão Adicionar um item.
Abra o bloco Configurações sob a guia Conteúdo para definir a orientação (vertical ou horizontal), tamanho do elemento ativo, duração da animação e estilo do efeito de atenuação.
Estilização de acordeão
Para estilizar sua sanfona, você pode acessar a aba Style no painel esquerdo. Existem 7 blocos que você pode abrir para estilizar o acordeão. No primeiro bloco (bloco Container), você pode definir a altura do acordeão, a cor de fundo, o raio da borda e a sombra projetada.
No bloco Item, você pode definir o espaço entre os itens, a cor de fundo do item, o raio da borda do item e a sombra da caixa do item.
Você pode brincar com os outros 5 blocos para criar outras opções de estilo. Quando terminar, clique no botão publicar/atualize sua página.
Voila.
Obtenha o Elementor Pro agora !!!
Conclusão
Aqui ! É isso neste artigo que mostra como adicionar um acordeão de imagem a uma página Elementor. Se você tiver alguma dúvida sobre como chegar lá, informe-nos dentro 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.
...
