Crie Facilmente Seu Site Hoje!

ELEMENTOR é o Construtor de Blogs mais fácil do mundo!

Pare perdendo tempo e muito dinheiro pagar um desenvolvedor quando puder Crie facilmente seu site ou blog WordPress com design profissional apenas alguns minutos ! Nenhum conhecimento técnico é necessário.

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 membro da família de complementos Elementor 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 de Júpiter 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.

adicionar um acordeão de imagem a uma página Elementor

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.

adicionar um acordeão de imagem a uma página Elementor

Repita os passos acima para os outros itens. Para adicionar um novo elemento ao acordeão, basta clicar no botão Adicionar um item.

adicionar um acordeão de imagem a uma página Elementor

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.

adicionar um acordeão de imagem a uma página Elementor

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.

adicionar um acordeão de imagem a uma página Elementor

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.

...

%d bloggers gostam desta página: