Contenido

NiceImages, mejora tus imagenes

21 Feb

Nice Images, es un plugin para manipular imagenes, y mostrarlas en un div por encima del texto de tal manera que nos permite colocar una imagen en miniatura en el texto de tal manera que ganamos claridad y simplicidad al código, además de que permitimos la visualización de la imagen de una forma más facil y clara.

Se ha implementado la posibilidad de poner una marca de agua a las fotos grandes, de tal forma que si eres el propietario de ellas, puedas marcarlas facilmente, y sino quieres marcarlas podrás editarlas desde el menu administración. Tambiés es completamente personalizable el aspecto desde el menu administrador, unicamente hay que respetar el nombre de las clases y los ID’s del CSS.


Instrucciones

  1. Descargar el fichero (aqui)


  2. Descomprimr el fichero

  3. Subir los ficheros al FTP.
  4. El fichero imagen.php y el water.png deben estar colocados en la raiz de nuestro blog.
  5. El fichero nice-images.php irán a la carpeta wp-content/plugins/
  6. Activamos el plugin desde el menu administrador.


Uso

  1. Subir las imagenes con el administrador de WP.
  2. Crear el tag img con la imagen con la siguiente estructura.

<img src=”URL de la miniatura” alt=”NOMBRE DE LA IMAGEN” … />


Esto implica que puedes tener 2 imagenes, una miniatura y otra grande que se verá al pulsar.

Para generar las miniaturas usaremos el administrador de ficheros de WP 2.0. Este nos genera dos imagenes,

        

La original

    imagen.jpg

La miniatura

    imagen.miniatura.jpg

En ingles, la miniatura se llama de otra forma

 En Ingles.

    imagen.thumbnail.jpg


Dependiendo del idioma de nuestro wordpress podemos editar el fichero nice-images.php y en la linea 24 cambiar el texto de la miniatura al que corresponda con nuestro idioma.

Requerimientos

  • WordPress 2.0 (http://www.wordpress.com)
  • No usar el editor visual del WordPress (No he probado si funciona o no)

Modificaciones

Desde el panel de administración >> Opciones >> NiceImages, podemos editar el CSS que modifica el aspecto del div que nos muestra la imagen. Tambien podemos seleccionar el uso de la marca en la imagen grande mostrada.

El fichero water.png es la imagen que se superpone a la imagen, haciendo de marca. Para modificarlo bastaría con sustituirlo por otra imagen PNG, se recomienda que sea transparente y que no sea muy grande. La imagen siempre saldrá alineada a la derecha en la parte inferior de la imagen.