Pocos plugins me causan tanta emoción como este que acabo de encontrar (Ok, el plugin tiene mucho tiempo de existir, pero apenas yo lo he descubierto). NextGEN es una galería de fotos muy completa, capaz de manejar sets de galerías y albumnes, todo esto con la comodidad de ajustarse a tu Wordpress de manera nativa, usando AJAX, LightBox y Flash, produce resultados realmente muy satisfactorios, teniendo además un panel de administración tan completo que te dejará una grata sensación de amor hacía el autor del plugin (por supuesto figurativo, so pervertidos).

Instalación

• Descarga el plugin
• Descomprime todo en la carpeta wp-content/plugins, te debería crear una carpeta llamada nextgen-gallery
• Baja el JW Image Rotator, descomprime el archivo, y copia el archivo imagerotator.swf a la carpeta nextgen-gallery
• Crea en wp-content una carpeta llamada gallery con permisos de escritura
• Tendrás dos plugins nuevos, NextGEN Gallery y NextGEN Gallery widget, activa el primero y el segundo solo si deseas usarlo en la sidebar

Utilización

Ahora que has activado el Plugin, notarás una nueva sección junto a Options (Opciones)

Echemos un vistazo en ella

Procedamos ahora a explicar de forma básica su funcionamiento

Creación de Álbumnes

1. Damos clic en la opción Album dentro de Gallery
2. Buscamos Add New Album, escribimos el nombre del álbum y presionamos Update

Nuestro álbum ha sido creado y esta disponible para más adelante

Creación de Galerías

Veamos ahora como se hacen las galerías, el siguiente paso en nuestro proceso

• Vayamos a Add Gallery dentro de Gallery
• En New Gallery, escribamos el nombre de nuestra galería y presionemos Update

Una vez creada, NextGEN nos arroja información importante que usaremos después

Administración de Galerías

Ahora que hemos creados una galería, vamos a ver las funciones básicas para su administración, como la edición de la galería, su eliminación y el añadido de fotos a la misma.

Eliminar

• Nos movemos a Manage Gallery, encontraremos una lista de las galerías que llevamos hasta ahora
• Presionamos el botón Delete a un lado de la galería correspondiente y le damos clic al botón Ok, de la ventana javascript que nos pide confirmación

Editar

• En la misma sección de Manage Gallery, presionamos el botón Edit junto a la galería que vamos a editar
• Nos lleva a una nueva ventana con las siguientes opciones:
  1. Title: Título de la galería
  2. Description: Descripción de la galería
  3. Path: Ruta relativa de la galería
  4. Page Link To: Podemos ligar la galería a una página creada por Wordpress, el valor por defecto es Not Linked (no ligada)
  5. Preview Image: Imagen que servirá de Thumbnail a toda la galería, el valor por defecto es No Picture (Sin imagen)
  6. Create New Page: Se usa, si queremos que se genera una página Wordpress nueva por cada galería, el valor por defecto es Main Page(no parent) (Página principal sin página padre)
  7. Save Changes: Guarda los cambios
  8. Scan Folder For New Images: Revisa la carpeta por si hemos puesto fotos ahí sin hacer uso de NextGEN y las agrega

Agregar Fotos

• Vamos a Add Gallery, luego a Upload Images (Este paso lo podemos repetir según la cantidad de fotos que queramos)
• Por cada foto que se agrega, se genera un botón Remove, por si queremos eliminar alguna foto antes de subirlas a la galería
  
• En Upload Image, seleccionamos la foto que queremos subir a nuestra galería
• Luego en In to, escogemos la galería destino
• Presionamos Upload Images

Administrar las fotos

¡Hemos subido fotos, es hora de ver que podemos hacer con ellas antes de visualizarlas en nuestro blog.

• Nos vamos a Manage Gallery, luego pulsamos en Edit sobre la galería en la que hemos añadido las fotos. Si nos fijamos ahora, en la parte inferior de la ventana tenemos una sección que antes existía, pero estaba desierta, analicemos lo que podemos hacer en ella:
  1. ID: El Id de la foto
  2. File Name: El nombre de la foto
  3. Thumbnail: La miniatura de la foto, se puede ocultar, seleccionando el checkbox de la foto y presionando el botón Hide Thumbnails (y similar para mostrarla de nuevo, solo que ahora el botón se llama Show Thumbnails)
  4. Description: Escribe una breve descripción de la imagen
  5. Alt & Title: Para rellenar los atributos Alt y title de la etiqueta img
  6. Exclude: Evita que se vea en la galería
  7. View: Hace una vista previa de la foto
  8. Delete: Elimina la foto

Agregar Tags a las fotos

Las Tags son importantes porque ayudan a los navegadores a encontrar nuestras fotos, sirven para categorizar y ordenar también entre otras funciones, para colocar las tags a nuestras fotos, primero hay que usar el checkbox correspondiente a la foto que queremos editar, luego presionar el botón Show Tags (para ocultar las tags, presionamos de nuevo el botón que ahora dice Hide Tags)

Terminado todo, presionamos Save Changes

Usando NextGen en nuestro blog

Ha llegado la hora de la verdad, veamos como usar NextGEN en nuestro blog. Para mostrar una foto, debemos colocar el siguiente código en un post o una página:

Donde:

• id: Id de la foto
• width: Ancho de la imagen
• height: Alto de la imagen
• mode: Es opcional y se usa uno de dos posibles valoes: web20 - agrega un efecto de reflejo, watermark - agrega una sencilla marca de agua, definida en el mismo panel de administración
• float: left (izquierda) o right (derecha)

Ejemplos:

Para mostrar una galería:

Siendo id el ID de la galería. Cabe decir que esto, vierte el contenido de la galería en directo donde sea colocado, con un lindo enlace para cambiar a modo de diapositivas.

Finalmente, para colocar un álbum se usa:

Siendo id, el ID del álbum. Esto te entrega el álbum completo, como usa ajax, desde ahí puedes navegar en las galerías que están dentro del álbum y sus fotos.

Hasta aquí llega este extenso artículo sobre el plugin NextGEN Gallery, por supuesto quedaron algunos detalles en el tintero, pero será mejor que explores el plugin y descubras la enorme riqueza que te ofrece, como una idea de lo que faltó, puedes ir a Gallery, Options y configurar muchas cosas del plugin como la marca de agua, los efectos para mostrar las fotos, los thumbnail, etc. ¡Explora y diviertete!

Post Relacionados

• Wordpress 2.6 Beta
• Lightbox en un plis - plas
• Wordpress 2.6 ya está aquí
• Yet Another New Theme
• Updates de la semana