Colocar banner responsivo para desktop e celulares

  • Autor Autor aiizack
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
A

aiizack

Beta
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola

Necesito saber si existe alguna manera o si existe algun plugin que permita colocar un banner para desktop y un banner para dispositivos moviles (celulares).

Tengo problemas con un banner para la pagina web de un cliente, si pongo su tamaño complete entonces el diseño responsive en el celular se ve feo, si reduzco su tamaño entonces se ve bien pero no se ve complete en desktop.

Si alguien sabe como solucionar esto se lo agradeceria.

saludos
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
La forma no Optima y que no recomendaria es que pongas ambos , y con CSS segun el ancho de la pantalla (mediaquery) le agregues display:none a uno u otr, y de esa forma solo tendras 1 en pantalla.

Algo mas indicado sin embargo es mediante PHP detectar si estas en Movil o Desktop y en base a eso cargar uno u otro banner. Ahora bien esto puede darte problemas si tu plugin de cache no esta bien configurado o no crea una cache aparte para moviles.

Lo totalmente correcto es usar el atributo srcset o picture para indicar la carga correcta de imágenes según la pantalla, aca lo explican en detalle Responsive Images in CSS | CSS-Tricks
 
El plugin AdSensei3.0
Creas un anuncio con el código para ordenador y marcas que solo se muestre en Pc
Creas un anuncio con el código para móviles y marcas que solo se muestre en móviles
Listo
 
Lo mas sencillo sin conocimientos de css, es utilizar el Bakery Visual Composer, viene por defecto instalado en la mayoría de themes, lo único que tienes que hacer es crear una sección y dentro de los ajustes de columna seleccionar en que dispositivo se visualizara.

Es decir crearas dos una para móviles y otra para equipos de escritorio. Así podrás visualizar tus imágenes sin problemas en cada tipo de resolución.

Saludos

columna ajustes.webp
 

Tópicos similares

Voltar
Topo