Imagenes completas en version mobil, como cambiarlo?

CarloMagno · 20 Jul 2016

Hola amigos, vengo para pedirles un poco de ayuda con respecto a mi template, cuando acceso desde mi celular las imagenes de los posts se ven gigantes por lo que no me acomoda para el tipo de formato de mis entradas, me gustaría que se vieran más chicas las imagenes no de la manera en que se ven aqui una imagen pantallazo: http://i.imgur.com/C3XCG0C.png

Saludos y espero puedan ayudarme 🙂

Julie DAC · 20 Jul 2016

Hola CarloMagno,

puedes intentar utilizar diseño web adaptable lee esta pagina quiza ayude 🙂 https://developers.google.com/webma...le-seo/configurations/responsive-design?hl=es

CarloMagno · 22 Jul 2016

Julie DAC dijo:
Hola CarloMagno,

puedes intentar utilizar diseño web adaptable lee esta pagina quiza ayude 🙂 https://developers.google.com/webma...le-seo/configurations/responsive-design?hl=es

Hola amigo primero que todo gracias por tu comentario, segundo, mi diseño web si es responsive la template se redimenciona super bien con otros tamaños de pantallas pero el tema es que las imagenes de los posts se ven completas y eso es lo que no quiero que suceda, saludos 🙂

JordanAlvarez · 24 Jul 2016

Bueno, para la header que no sé si se está mostrando 100%

Busca la linea

Insertar CODE, HTML o PHP:

<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl'
expr:width='data:width' style='display: block'/>

(o algo muy similar)

Y reemplazala por esta:

Insertar CODE, HTML o PHP:

<img expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl'
expr:width='data:width' style='display:block; height:auto; width:100%;'/>

CarloMagno · 27 Jul 2016

Hola, muchas gracias [MENTION=30124]JordanAlvarez[/MENTION] hice el cambio que escribiste, pero busco poder realizar que las imagenes de los posts en la version mobil no se vean en full-size 🙁 saludos espero más ayuda

cesardpaz · 27 Jul 2016

fijate en las mediaqueri

algo asi:

Insertar CODE, HTML o PHP:

 media (min-width: 991px) and (max-width: 1024px) {
				
} 
media (min-width: 768px) and (max-width: 990px) {

} 
media (max-width: 767px) {
//aca va el codigo a cambiar en tus imagenes
}	 
media (max-width: 480px) {
//aca va el codigo a cambiar en tus imagenes
}

esos valores de las MAX-WIDTH pueden cambiar , pero en teoria ahi tienes que editar el codigo

CarloMagno · 29 Jul 2016

cesardpaz dijo:
fijate en las mediaqueri

algo asi:

Insertar CODE, HTML o PHP:

media (min-width: 991px) and (max-width: 1024px) { } media (min-width: 768px) and (max-width: 990px) { } media (max-width: 767px) { //aca va el codigo a cambiar en tus imagenes } media (max-width: 480px) { //aca va el codigo a cambiar en tus imagenes }

esos valores de las MAX-WIDTH pueden cambiar , pero en teoria ahi tienes que editar el codigo

Hola [MENTION=1925]cesardpaz[/MENTION] gracias por comentar, pero la verdad no comprendo muy bien lo que debo hacer, podrías ser un poquito más especifico jeje por favor, que tengo que agregar en "aca va el codigo a cambiar en tus imagenes" saludos y disculpa pero no soy tan tan avanzado.

cesardpaz · 30 Jul 2016

CarloMagno dijo:
Hola [MENTION=1925]cesardpaz[/MENTION] gracias por comentar, pero la verdad no comprendo muy bien lo que debo hacer, podrías ser un poquito más especifico jeje por favor, que tengo que agregar en "aca va el codigo a cambiar en tus imagenes" saludos y disculpa pero no soy tan tan avanzado.

es muy complicado explicarlo,, primero bisca informacion sobre mediaqueries y veras que no es tan complicado el asunto, pero primero tienes que saber como funciona