Plugin o funcion para redimensionar imagenes en wordpress

LOD_Fredy · #1 (**permalink**) 13/03/2011, 16:34

He visto que hay plugins que redimensionan las imagenes que hay en el servidor que hospeda tu blog, sin embargo, yo busco redimensionar imagenes que no estan en el servidor pero que las llamo a traves de la etiqueta <img>, esto por que el blog no lo hace automaticamente, y si la imagen es muy grande (sobre todo en ancho), se desvirtua el diseño del blog (ya se imaginaran).

Tengo la idea de como reducir el tamaño ya sea por width o height (obtener el width y height de la imagen con js, comparar y cambiar cambiar tamaño, recargar imagen para que se vean los efectos), pero no se como incrustarlo en wordpress para que funcione (no se como esta hecho wordpress), sin embargo, si conocen un plugin que haga lo que pido me dicen cual para buscarlo y usarlo ya por que si lo necesito, sino, diganme como agrego eso para que funcione con todas las imagenes de un post (esto seria solo para la parte de los post, y solo cuando ves el post completo por que ya tengo un plugin que me muestrE en la portada la primer imagen de cada post reducida.

Gracias y disculpen la molestia.

pao01 · #2 (**permalink**) 13/03/2011, 16:48

Hola LOD_Fredy

A ver si esto puede servirte, yo he enlazado una imagen de otro sitio como puedes ver en la imagen.
Luego clickeas sobre la imagen y escoges ajustes avanzados y tienes la posibilidad de ajustar los valores del ancho y el alto.

Edito: Ahora que he vuelto a leer tu mensaje no estoy tan segura que sea lo que buscas.

LOD_Fredy · #3 (**permalink**) 13/03/2011, 17:43

Cita:

Iniciado por pao01

Hola LOD_Fredy

A ver si esto puede servirte, yo he enlazado una imagen de otro sitio como puedes ver en la imagen.
Luego clickeas sobre la imagen y escoges ajustes avanzados y tienes la posibilidad de ajustar los valores del ancho y el alto.

Edito: Ahora que he vuelto a leer tu mensaje no estoy tan segura que sea lo que buscas.

No, quiero que automaticamente me reconozca las etiquetas <img> que contenga un post y cheque que, si el tamaño es mayor a 1000 px, la redimensione a 1000px, hacerlo en si es sencillo pero no se donde deberia ir esa funcion dentro de los archivos de wordpress para que solo funcione con las imagenes de los post cuando ves el post completo (no en la pagina de inicio donde ves los 10 ultimos post), si es para una pagina propia nomas agrego el script en el encabezado de la pagina (<head>) para que se ejecute cada que se cargue o recargue la pagina, pero aca no se donde iria y si afectaria el funcionamiento de otros plugins que manejan imagenes (como el que mencione antes).

Se me ocurre que para que supiera que imagenes redimensionar, se agregue una clase o identificador en la etiqueta <img id="dsadsa" class="sadsa">, de esa forma checo el tamaño de esas imagenes y es a las que les hago la redimension (obviamente no se redimensiona fisicamente, es solo visualmente para que no desvirtue el blog), sin embargo, aun no se donde agregar el script para que solo funcione con los post al verlos completos (que es cuando se llama al achivo singlepost.php, creo).

PD: lo quiero asi por que uso un generador de codigo que toma las imagenes y les agrega las etiqueta [img] que despues en el blog se convierten en <img> (ese generador me facilita la vida al postear)

rogertm · #4 (**permalink**) 15/03/2011, 11:18

Creo que lo puedes solucionar con un simple código CSS. Suponiendo que tienes el siguiente código html en tu navegador:

Código HTML:

Ver original<div class="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<img src="ruta/a/la/imagen.jpg" />
</div>

Solo tienes que agregar lo siguiente en tu hoja de estilos css:

Código CSS:

Ver original.content img{
    max-width: 100%;
}

O puedes ponerle el valor en pixels si lo deseas... Inténtalo así a ver.

Saludos

Omegakenshin · #5 (**permalink**) 15/03/2011, 11:47

Hay una opción que podrías intentar, un script php que redimenciona las imágenes k se llama Tim Thumb... yo lo he utilizado en varios proyectos y de maravilla

Aca hay un poco de info
Puede k sea la solución k necesitas

cualquier cosa, cuéntanos como te fue ^^

AlZuwaga · #6 (**permalink**) 15/03/2011, 11:49

Hola, creo que con lo de rogertm te va a ir bien. Aún así, respondiendo a tu duda si es que la entendí bien, podés meter en el archivo header.php de tu theme lo siguiente:

Código PHP:

Ver original<?php
if(is_single()){
    echo "aquí va tu javascript";
}
?>

rogertm · #7 (**permalink**) 15/03/2011, 12:22

Solo por curiosidad... ¿Es necesario un java script para solucionar eso?

AlZuwaga · #8 (**permalink**) 15/03/2011, 13:58

Pues ni idea

, pero mi respuesta fue atendiendo a esto:

Cita:

... sin embargo, aun no se donde agregar el script para que solo funcione con los post al verlos completos

un saludo

rogertm · #9 (**permalink**) 15/03/2011, 14:20

Cita:

Iniciado por AlZuwaga

Pues ni idea

, pero mi respuesta fue atendiendo a esto:

Cita:

... sin embargo, aun no se donde agregar el script para que solo funcione con los post al verlos completos

un saludo

Si... me di cuenta justo luego de hacer submit

LOD_Fredy · #10 (**permalink**) 16/03/2011, 08:26

Gracias a todos pero rogertm tiene razón, si se puede hacer con css que mejor y de hecho su solución es la óptima a mi parecer, ya la puse en marcha.