He estado ayudando a un compañero a dar sus primero pasos en wordpress, y como la mayoría de nosotros ha empezado en wordpress.com, y ya sabemos que sí utilizamos la versión gratuita hay muchas funcionalidad a las que no podemos acceder, como añadir plugins.

Pero wordpress no deja de sorprenderme…,

Sin usar ningún pulgin, podemos publicar fácilmente galerías de fotos y/o pases de diapositivas en una entrada o en una página. (La opción galería de fotos también es posible que la usemos aunque no utilicemos wordpress.com,)

Como publicar una galería de fotos y/o un pase de diapositivas?

El truco está en subir TODAS las fotografías que queremos publicar de una sola vez.

Pulsa sobre la imagen para verla más grande

Cuando seleccionamos insertar imagen, en una entrada/página, y se abre la opción Elegir Archivo, seleccionamos TODAS las fotografías a publicar.

Una vez el sistema haya finalizado la subidas de las fotos pulsaremos Guardar Cambios

Pulsa sobre la imagen para verla más grande

Tras Guardar Cambios, veremos las fotografías que acabamos de subir y que han creado una galería, la cual quedara asociada a la entrada/página. Debajo de las fotos que hemos subido, están las Opciones de la Galería, y también encontramos los botones para insertar una Galería, la cual podemos personalizar, y  un Pase de Diapositivas.

Finalmente seleccionamos la opción que más nos interesa publicar.

Demo Galeria y Pase Diapositivas

]]> http://mtperez.es/2010/11/02/publicar-una-galeria-de-fotos-o-un-pase-de-diapos-sin-plugin/feed/ 0 http://mtperez.es/2009/09/01/publicar-pases-de-diapositivas-en-wordpress-con-nextgen-gallery/ http://mtperez.es/2009/09/01/publicar-pases-de-diapositivas-en-wordpress-con-nextgen-gallery/#comments Tue, 01 Sep 2009 10:40:19 +0000 mtperez http://mtperez.es/?p=410

Otra forma de publicar pases de diapositivas es utilizando el plugin NextGEN Gallery.

Este plugin permite publicar fotos sueltas, galerias de fotos y albums de fotografías, que estan formados por todas las galerias de fotos que queramos insertar en el album. Con este plugin también podemos publicar pases de diapositivas de albums.

Para poder publicar el pase de diapositivas con este plugin es necesario la instalación de un componente. Se trata de JW Image Rotator, un componente hecho en Adobe flash que sirve para hacer presentación de imágenes (SlideShow). El componente cuenta con distintas transiciones, con la carga de un fichero XML donde pondremos las imágenes a cargar y se le pueden pasar variables.

Puedes descargar JW Image Rotator aqui.

Una vez descargado este componente, descomprime el archivo y copia el archivo imagerotator.swf a la carpeta nextgen-gallery.

Ya lo tenemos todo listo, solo queda ajustar las opciones del pase de diapostivas (tamaño, música…), que las llevaremos a cabo en Galeria >Opciones

Y ya está. El resultado es, que cuando seleccionamos el album que queremos visualizar aparece un nuevo enlace que nos llevara al pase de diapositivas.

Ver Demo

Con iPhoto 9 podemos exportar un pase de diapositivas como una película QuickTime (mov), con los parámetros adecuados para poder ser visto por diferentes dispositivos de reproducción, y lista para publicar en nuestro wordpress, como cualquier archivo de vídeo .mov.

Para exportar un pase de diapositivas:

• 1. Seleccionamos el pase de diapositivas de la lista Fuente.
• 2. Hacemos clic en el botón Exportar.
• También podemos seleccionar Archivo > Exportar y, a continuación, hacemos clic en la pestaña Pase de diapositivas.
• 3. Seleccionamos uno o varios tamaños, en función de los dispositivos en los que queremos que se visualice correctamente el pase de diapositivas.

• 4. Si no queremos que iPhoto envíe los pases de diapositivas a iTunes, anule la selección de la opción.
• 5. Hacemos clic en el botón Exportar.
• 6. Seleccionamos una ubicación para guardar el pase de diapositivas.
• 7. Hacemos clic en el botón Guardar en.
• 8. Hacemos clic en OK.

Y ya tenemos nuestra película lista. Y el resultado es un archivo de vídeo .mov.

Publicar el pase de diapositivas (.mov) en wordpress

Teniéndo en cuenta que wordpress no permite subir archivos de más de 50 Mg., yo utilizo un disco virtual para alojar, entre otras cosas archivos de vídeo que posteriormente voy a utilizar en una entrada o página de wordpress.

Pasos a llevar a cabo:

• Alojo el archivo .mov en mi disco virtual dropbox
• Copio la ruta de enlace al arvhivo .mov
• Ya en wordpress, bien en una página o en una entrada, selecciono el botón Insertar / Editar inserción de archivos
• En la ventana emergente selecciono Tipo: Quick Time en el desplegable. Copio la ruta al archivo que quiero insertar en la casilla Archivo /URL. Ver Imagen:

• Selecionamos la pestaña avanzadas. IMPORTANTE seleccionamos Escala: aspec, del desplegable y también podemos realizar otros ajustes. Ver imagen de ajustes:

• Pulsamos insertar y ya esta.

Publicar el pase de diapositivas (.mov) en wordpress con plugins

Entre los plugins que wordpress ofrece, yo utilizo Vipers Video QuickTags, es un interesante plugin, para WordPress, que permite insertar fácilmente, mediante unos botones, vídeos de los servicios de alojamiento de vídeo mas populares como YouTube, Google Vídeo, Vimeo, Metacafé, Viddler, BlitTV, MySpace, Flickr Vídeos incluso vídeos alojados en tu servidor o en otra ruta, en nuestras entradas o páginas de WordPress. Y todo es facilmente personalizable. También está en español.

Su uso es tan sencillo como pinchar en el botón e incluir la URL o ID del vídeo correspondiente.

Ver Demo

Con iPhoto 9 podemos crear una película en forma de pase de diapositivas a partir de nuestras fotos y reproducirla mediante QuickTime Player o cualquier otra aplicación compatible con QuickTime (como un navegador web o un procesador de textos).

Para crear una película QuickTime:

• 1. Seleccionamos el álbum o el grupo de fotos que queremos colocar en nuestra película.
• 2. Seleccionamos Archivo > Exportar.

• 3. Seleccionamos QuickTime situado en la parte superior del cuadro de diálogo.

• 4. Sí vamos a crear una película a partir de fotografías, en el panel QuickTime, tenemos que realizar unos ajustes:

- Imágenes: indicar las dimensiones máximas de la película en píxeles y la duración de visualización de cada una de las fotos.
- Fondo: para añadir un color de fondo a la película, hacemos clic en el botón Color y, a continuación, en la casilla de previsualización de colores para seleccionarlo. Para añadir una imagen de fondo, hacer clic en el botón Imagen y, después, en Definir para seleccionar una imagen.
- Música: seleccionamos la música de fondo del pase de diapositivas.

• 5. Hacemos clic en Exportar.
• 6. Damos un nombre a la película y seleccionamos un lugar para guardarla.
• 7. Hacemos clic en OK.

Y ya tenemos nuestra película lista. Y el resultado es un archivo de vídeo .mov.

iPhoto 9 , permite crear espectaculares pases de diapositivas que podemos insertar en nuestro blog facilmente.

Como hacer pases de diapositivas con iPhoto 9

Para crear un pase de diapositivas nuevo, hacemos clic en el botón Añadir (+) en la esquina inferior izquierda de la ventana de iPhoto

y, a continuación, seleccionamos Pase de diapositivas

en el cuadro de diálogo, le damos un nombre. Y hacemos clic en Crear

Seleccionamos un álbum o grupo de fotos que queremos incluir en el pase de diapositivas, también podemos arrastrar más fotos directamente desde cualquier parte de la fototeca de iPhoto, un CD o DVD u otra ubicación del disco rígido para añadirlas. Al añadir una foto a un pase de diapositivas desde el disco rígido, iPhoto la importa automáticamente a la fototeca.

Una vez tengamos las fotos , que van a formar el pase de diapositivas, las colocamos en el orden que deseamos en el navegador de fotos, situado en la parte superior del área de visualización.

Podemos seleccionar música, especificar la duración de la visualización de cada diapositiva, seleccionar efectos de transición, mostrar los controles del pase de diapositivas y ajustar otras opciones totalmente a nuestro gusto.

Ver Demo

Existen muchos plugins para WordPress que permiten incluir galerías de imágenes de una manera sencilla y vistosa.

Después de unas cuantas pruebas me he decantado por  NextGEN Gallery, y me funciona estupendamente. Podemos gestionar facilmente fotos, galerias y albums. Además tiene un widget, con el que poder incluir fotos, pases o galerías en el sidebar.

En primer lugar lo que haremos sera descarganos el plugin, y activarlo. Automáticamente se creara una nueva ventana en el tablero de wordpress con todas las opciones disponibles y también se creara un botón en el editor de entradas y páginas.

Otro aspecto que no debemos de descuidar es el tamaño y el peso de las fotografías que vamos a incorporar a nuestras galerias. Yo normalmente utilizo un tamaño de imagen de 800 x 600 y una resolución de 72 pp. Lo que nos da una calidad y tamaño más que sufucientes.

Conceptos de Next Gen Gallery:

-Galeria: Es un contenedor de fotos.

-Album: Puede ser un colección de una o mas galerías

Crear una Galeria:

• 1. Para poder subir imagenes que posteriormente publicaremos, tenemos que crear una galeria. En la ventana de la Galeria, seleccionamos Añadir galería / imagenes. Se abre una pantalla, dar un nombre a la galería que vamos a crear y cliquear en Añadir galería

• 2. En la misma pantalla donde hemos creado la galeria seleccionamos Subir imágenes.
  Pulsar Examinar y buscar la foto en el ordenador. Las imágenes que se van a cargar se irán listando debajo de la entrada de texto. No olvides seleccionar la galería adónde queremos subir las fotos. Y finalmente haz clic en Subir imagenes.

• 3. Creamos una nueva entrada o página. Y donde queramos que aparezca la galeria hacemos clic en el boton del plugin que se encuentra en el editor.

• 4. Aparecerá una ventana donde se puede elegir la galería para insertar y el modo de visualización de las imágenes (como lista, slideshow o browser). Elegir la galeria  y pulsar Insertar

• Ahora hay que guardar los cambios en la entrada o en la página ¡Y listo! En la pantalla de edición no se verán las fotos, sino un código similar a éste: nggallery id=9. Y en el blog veremos la galería, y pulsando sobre una de las imágenes accederemos al slideshow

Crear un Album:

• En la opción Galeria de nuestro tablero seleccionamos Album, se abre una nueva ventana

En esta ventana creamos un nuevo album. También visualizamos todos los albums que tenemos creados y las galerías que estan pendientes de asigna a un album.

Despues de crear el nuevo album seleccionamos la galeria que queremos que contenga este album, puede contener tantas galerias como queramos.

• Creamos una nueva página donde colocaremos el album.
• Y donde queramos que aparezca el album hacemos clic en el boton del plugin  que se encuentra en el editor.

• Aparecerá una ventana donde se puede elegir el album a insertar y el modo de visualización . Elegir el  y pulsar Insertar

• Ahora hay que guardar los cambios en la entrada o en la página ¡Y listo! En la pantalla de edición no se verán las fotos, sino un código similar a éste:  album id=  template=extend, en el blog veremos el listado de los albums que hayamos seleccionado para que aparezcan. Y pulsando sobre una de las imágenes accederemos al slideshow

Ver Demo