Quer se livrar do estilo chato de exibir imagens em seu site WordPress? Experimente o modelo de caixa de imagem do ElementsKit. 

ElementsKit (um complemento completo do Elemetor) oferece 19 modelos de caixa de imagem diferentes para exibir imagens com vários efeitos e animações. Além disso, você pode incluir texto, títulos, botões, URLs, ícones e muito mais. 

Todos esses elementos são totalmente personalizáveis. Além disso, você pode remover ou incluir qualquer elemento do Elementor com os modelos de caixa de imagem do ElementsKit. 

✨✨ Plug-ins necessários: 
👉👉 Elemento: Baixe o plug-in Elementor 
👉👉ElementosKit: Baixe o plug-in ElementsKit 

Crie uma caixa de imagem usando ElementsKit #

• Crie uma nova postagem/página ou abra uma interessante com Elementor 
• Clique no Ícone do ElementsKit 
• Escolha o “Caixa de imagem” da categoria 

• Você pode ver 19 modelos diferentes (11 gratuitos, 8 premium) para a caixa de imagens
• Clique no sinal de mais (+) para ver a prévia 

• Clique sobre "Inserir"
• Ele aparecerá em sua página/postagem 
• Agora você pode editar os estilos e outras propriedades do modelo de caixa de imagem
• Após a personalização, clique em "Publicar"

Personalize o modelo de caixa de imagem ElementsKit #

Na barra lateral esquerda, você pode personalizar o layout da caixa de imagem, o conteúdo e os estilos de cada elemento. Além disso, você pode fazer personalização avançada para um único elemento ou para todo o layout nas configurações avançadas. 

Personalização de layout  #

• Selecione a largura do conteúdo (em caixa ou largura total)
• Definir largura personalizada 
• Personalize a lacuna da coluna, altura, alinhamento vertical, estouro 
• Ligar/desligar a seção de alongamento 

Personalização de conteúdo  #

👉 Imagem 

• Mude a imagem 
• Personalize o tamanho da imagem
• Defina a área de conteúdo 
• Ativar ou desativar altura igual 
• Habilitar ou desabilitar URL 

👉 Corpo 

• Alterar o texto do título
• Personalize a tag HTML do título
• Defina o alinhamento do título 

👉 Botão

• Habilite ou desabilite o botão 
• Personalize o texto do rótulo do botão 
• Adicione URL
• Adicionar/remover ícone 
• Definir posição do ícone 

Personalização de estilo  #

👉 Linha de sombra 

• Selecione a linha de sombra esquerda ou direita
• Definir largura personalizada 
• Personalize a sombra da caixa 
• Personalize o tipo e cor do plano de fundo 
• Definir imagem de fundo 

👉 Imagem 

• Definir raio de borda personalizado e preenchimento 
• Personalize a opacidade da imagem para estilo normal ou flutuante 

👉 Corpo 

• Definir tipo de borda, raio da borda
• Personalize a imagem, o tipo e a cor do plano de fundo 
• Definir preenchimento personalizado e cor de sombra da caixa 
• Definir espaçamento de título, tipografia e cor 

👉 Botão 

• Personalize o valor do preenchimento e o tamanho da fonte do ícone 
• Altere o texto do botão e a cor de fundo 
• Definir propriedades normais ou instantâneas 
• Definir tipo de borda, raio da borda, sombra da caixa 

Personalização Avançada  #

• Personalize a margem, preenchimento, largura, posição e índice z do layout
• Defina efeitos de movimento para elementos (por exemplo, fade in, zoom in, bounce in, slide in left, etc.)
• Personalize a capacidade de resposta e os atributos 
• Insira CSS personalizado para modificações adicionais 

Esperançosamente, agora você pode exibir as imagens do seu site de maneiras mais interessantes usando os modelos de caixa de imagem do ElementsKit. E não hesite em tirar qualquer dúvida ou compartilhar suas sugestões conosco.