Tamaño de imágenes en artículos en plantilla responsive  

 
Pedro
 Pedro
Reputable Member

Hola,

he instalado en el sitio la plantilla yoo_master, que es un template adaptable, y funciona perfectamente.

El problema lo tengo cuando inserto imágenes en los artículos. Me gustarían que las imágenes ocuparan todo el ancho del artículo, y el texto quedará arriba y debajo de ellas. Si ajusto el ancho de la imagen a 900 píxeles, en la pantalla de mi ordenador se ve perfecta, pero en mi móvil aparece cortada. Si la ajusto al ancho del móvil, queda demasiado pequeña en mi ordenador.

No sé si hay alguna forma de forzar a que la foto ocupe determinado tamaño en función del dispositivo que la abre...

un saludo,
P

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/07/2013 11:42 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Pedro,

¿Puedes facilitar el enlace de la plantilla en la web del autor para analizar el comportamiento? es posible que no sea Responsive o "tan" responsive como puedas pensar.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/07/2013 12:32 am

Cursos Gratuitos WordPress

Pedro
 Pedro
Reputable Member

buf... por lo que dices entiendo que este tipo de cosas las debería gestionar la plantilla, ¿es así?

la descargué de aquí:

http://joomladirect.com/get-kotoba-our-free-premium-joomla-template

ResponderCitar
Respondido : 15/07/2013 12:45 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Pedro,

La plantilla si es Responsive y se comporta correctamente (la demo del autor) en dispositivos móviles.

Tu página NO se comporta bien, entre otras cosas observo que el logo es enorme y no se adapta correctamente a dispositivos móviles, debería revisarlo en las imágenes del layout de la plantilla para la vista en dispositivos móviles y corregirlo.

Sobre las imágenes de los artículos, parece que no estás respetando el código original que envuelve las imágenes (clase) para que se visualicen correctamente, por ejemplo esta la veo perfecta en el móvil:

- http://demo.joomladirect.com/kotoba/index.php/joomla/contentall-comcontent-views/category-list/10-warp-theme-framework

Y en tu web las imágenes se cortan.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/07/2013 1:00 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Pedro
 Pedro
Reputable Member

Gracias gnumax,

El logo lo tenía enorme y me descuadraba todas las páginas, pero lo reduje a 371x74 píxeles, y no me da problemas. De hecho me sorprende que me lo menciones, porque lo reduje antes de abrir este tema en el foro.

En cuanto a la clase de las imágenes, se debía a un plugin que he desinstalado.

Pero cambiadas estas dos cosas, me sigue dando problemas. Estoy utilizando el editor jce, y he quitado del html del artículo las dimensiones de la imagen que me da problemas, de manera que sólo aparece:

sin especíricar los parámetros "height" y "width", pero el resultado es el mismo: la imagen cortada.

La puedes ver aquí, en la cuarta foto. No sé qué más puedo estar haciendo mal...

This post was modified hace 6 meses por antonio
ResponderCitar
Respondido : 15/07/2013 1:42 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola Pedro,

No tenemos acceso a la plantilla para probarla, pero te recomendamos que instales el "quickstart" de la plantilla comprada en otra carpeta con los datos de ejemplo y luego edites alguno de los artículos que trae la demo y verifiques el código exacto que utilizar para posicionar las imágenes de los artículos.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/07/2013 2:08 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Pedro
 Pedro
Reputable Member

He instalado el quickstart, y encuentro que, efectivamente, las imágenes las está insertando con un código diferente:

o sea, en la clase "size-auto align-center".

Lo he probado en el sitio en el que estoy trabajando y funciona perfectamente.

Además, veo que en el editor JCE, en la pestaña "Advanced" del "Image manager", se puede escribir directamente la clase, de manera que mi cliente no necesitará modificar el código html.

Sin embargo, veo que aún así para mi cliente no es una opción muy cómoda.

¿Es posible hacer que las imágenes que se inserten en los artículos tengan, por defecto, la clase "size-auto align-center"?

This post was modified hace 6 meses por antonio
ResponderCitar
Respondido : 15/07/2013 6:33 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Pedro

Lo que comentas no es posible, sin embargo puedes probar agregando un código CSS genérico que se aplicaría para todas las etiquetas img

Agrega el siguiente código a algún archivo CSS de tu template, por ejemplo al archivo template.css

img{
	max-width:100%;
	height:auto;
}

Verifica si insertando una imagen sin necesidad de poner la clase se redimensiona.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/07/2013 10:04 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Cipri
 Cipri
Reputable Member

Hola, Jhon.
He visto tu respuesta, al problema que yo también tengo sobre las imagenes responsive, pero tengo una duda...el archivo a modificar es template.css? Me puedes indicar la ruta?
El comando hay que añadirlo al final del todo, o en algún sitio en concreto? Y por ultimo, hay algún comando para que también lo haga con los videos insertados (con código de youtube)

Gracias.

ResponderCitar
Respondido : 18/07/2015 11:28 am
Lorena
 Lorena
Miembro Moderator

Hola Cipri,

Es mejor que crees un nuevo hilo en el foro con tu consulta. Ten en cuenta que necesitamos que nos facilites la url a tu web para revisar, ya que la solución dada a Pedro en su día (hace 2 años ya) puede no ser adecuada en tu caso.

Si utilizas una plantilla con el Framework Gantry puedes añadir un archivo css personalizado, revisa https://www.webempresa.com/blog/item/1469-agregar-archivo-css-personalizado-para-plantillas-gantry.html

Pero como te digo, es mejor que crees un nuevo hilo.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 18/07/2015 1:06 pm

Cursos Gratuitos WordPress

Cipri
 Cipri
Reputable Member

Ok, así lo hare, gracias.

ResponderCitar
Respondido : 18/07/2015 1:13 pm

Por favor Iniciar Sesión o Registro