Suporte » Desenvolvendo com WordPress » Imagens lado a lado com links diferentes

  • Resolvido jrtecnico

    (@jrtecnico)


    Estou fazendo uma página com o plugin elementor e não consigo colocar uma imagem ao lado da outra com links
    diferentes, pois a primeira imagem se sobrepõe a segunda e com isso o link da segunda fica inacessível… Alguém sabe como fazer isso? Desde já agradeço !

Visualizando 7 respostas - 1 até 7 (de um total de 7)
  • olá @jrtecnico,

    “a primeira imagem se sobrepõe a segunda”. como assim? que widget do Elementor está usando?

    porque isso só acontece quando você ou usa Call to Action ou usa uma imagem como fundo de um seção ou widget.

    para usar imagens umas do lado de outras pode usar “Galeria de imagem” ou “Carrossel de imagem”.

    para colocar o link para a imagem, indico colocar o link na própria imagem, em Mídia. sabe quando você vai inserir a imagem? abre aquela caixa com a opção de enviar a imagem, certo? aquela caixa é de Mídia. quando você insere a imagem, na coluna do lado direito, “Detalhes do anexo”, você pode inserir algumas opções de imagem. e uma dessas opções é justamente definir um link para a imagem e já definir se abre na mesma página ou numa nova aba.

    abraços e boa sorte,

    Criador do tópico jrtecnico

    (@jrtecnico)

    Oi Ralden, ontem de madrugada expliquei muito mal, e o que acontece é o seguinte… Eu tô tentando colocar um ícone com o link do meu celular para as pessoas me ligarem direto clicando nesse ícone e ao lado outro ícone do WhatsApp para entrarem no meu WhatsApp direto também e já tentei diversos plugins de rede social e etc… Mais como a caixa q contém o ícone ou a imagem ou plugin rede social e etc… Ocupa todo o espaço horizontal, quando coloco um ao lado do outro oq está mais para o meu do site não funciona perde a função de link…

    Consegui driblar isso de uma forma grotesca se puder dá uma olhada no meu site e oq tô falando é do ícone do WhatsApp e do número de telefone q é um link… Espero q tenha entendido e muito obrigado!

    Meu site referido é: http://www.jrtecnico.com

    olá @jrtecnico,

    quando você diz “Mais como a caixa q contém o ícone ou a imagem ou plugin rede social e etc… Ocupa todo o espaço horizontal”, basicamente você deveria dividir essa caixa em colunas. por exemplo, o link abaixo é de um site que eu fiz, com Elementor, e na primeira linha do site dividi em 4 colunas para colocar canais de contato do cliente,

    https://viaclinic.com.br/

    então você poderia dividir a linha onde está o telefone em duas colunas, colocando em uma coluna o ícone para telefone e na outra coluna o ícone para o whatsapp. para colocar colunas, inclusive, pode usar na coluna esquerda do Elementor o primeiro widget, que é justamente “Colunas”.

    e ai tanto pode colocar o link para telefone e whatsapp no próprio ícone, que na própria caixa de configuração permite colocar link sem problema. e se fizer como eu fiz no site de exemplo, pode escrever por extenso o número de telefone e colocar link para telefone e para whatsapp no próprio texto.

    por fim, indico o link abaixo para gerar link para seu whatsapp,

    https://www.convertte.com.br/gerador-link-whatsapp/

    abraços e boa sorte,

    Criador do tópico jrtecnico

    (@jrtecnico)

    Oi Ralden, eu achei o teu site muito bom e é realmente oq eu quero, mais… Apenas um detalhe… eu quero os ícone(links) paralelos na horizontal e os teus estão um em cima do outro na vertical… E quando tentei fazer dentro de colunas não consegui o espaçamento e nem o tamanho dos ícones como eu queria, pois, quando eu movia o ícone ou a caixa apara algum lado eles diminuíam ou aumentavam de tamanho conforme o lado que eu os movia, muito obrigado,gostei do resultado final do teu site fitness!👍🏻

    olá @jrtecnico,

    o grande ponto é editar os ícones usando a coluna de personalização do Elementor do lado esquerdo. é a coluna onde ficam o widget, só que quando você clica em qualquer coisa na página, a coluna muda para dar as opções de personalização.

    então você deveria clicar sobre o ícone e ai editar tudo, desde tamanho, cores e link do ícone. espero que pegue o jeito, pois o Elementor torna o que você quer fazer bem fácil.

    abraços e boa sorte,

    Criador do tópico jrtecnico

    (@jrtecnico)

    Vou tentar e te falo meus resultados! 🙏🏻👏🏻👏🏻👏🏻👍🏻

    Criador do tópico jrtecnico

    (@jrtecnico)

    Muito obrigado Ralden, eu fiz de outra forma, ate parecido com o teu… Nao ficou bem como eu imaginava mais to satisfeito e agradeço a tua ajuda, abraços!

Visualizando 7 respostas - 1 até 7 (de um total de 7)
  • O tópico ‘Imagens lado a lado com links diferentes’ está fechado para novas respostas.