lunes, 9 de mayo de 2011

Poniendo una galería de fotos con yoxview

Bueno, después de este largo descanso volvemos con el tema de la web :) la última parte del contenido que no es texto es la galería de imágenes usando el módulo YoxView. Así que lo primero que hago es buscar en Google "Galería de imágenes Drupal 7" y encuentro este enlace: http://jmolivas.com/c-mo-crear-una-galer-de-im-genes-en-drupal-7-con-el-m-dulo-yoxview que justo explica esto. Siguiendo los pasos que pone en el blog,  podemos instalar YoxView (http://www.yoxigen.com/yoxview/) sin problemas así que os recomiendo que le echéis un vistazo. Sin embargo, al intentar seguirlo sin saber nada más me ha costado un poco así que voy a explicar en 4 pasos cómo conseguí que funcionara.
Paso 1: Instalar el módulo desde http://ftp.drupal.org/files/projects/yoxview-7.x-1.1.zip (para windows, para linux el enlace es igual pero en lugar de .zip .tar.gz. Para ello vamos a “Modules à install new module” y en el campo url ponemos la dirección del ftp desde el que descargar el módulo y le damos a install. A continuación, lo habilitamos para ello desde “Modules” marcamos la casilla enabled y hacemos click en el enlace “update script” que aparece al inicio de la página de módulos.

Paso 2: Crear el tipo de contenido para yoxview: En el menú superior vamos a Structure à Content Types à Add content type


Indicamos el nombre, la descripción y el campo que hará de label, en este caso dejamos ‘title’. En ‘Display Settings’ desmarcamos la opción de mostrar Author and Date information y en ‘Comment Settings’ indicamos que los comentarios están cerrados. Ahora pulsamos Save. Volvemos al menú de Content Types y, ahí aparece el campo que acabamos de crear.

Paso 3: Crear un tipo Gallery: Seguimos en Content Types, vamos a Manage Fields y creamos el tipo Gallery, indicamos que el “field” y el “widget” son de tipo Image.


Luego le damos a “edit” ahí aparecen algunas opciones para personalizar la imagen, pero lo más importante es poner en “Number of Values” un valor distinto de 1 ya que sino únicamente podremos poner una imagen en la galería. En concreto yo tengo el valor “unlimited”.

Paso 4: Enlazar el tipo Gallery para que sea manejado por yoxview: Vamos a la pestaña “Manage Display” y para Gallery indicamos que su formato YoxView y el de image Hidden. Después de guardar los cambios nos situamos encima de la fila Gallery y en la parte derecha de la pantalla aparece un engranaje, lo pulsamos ponemos el estilo de la imagen como “thumbnail”.


Ahora ya está todo preparado para poder poner una galería de imágenes. Vamos a Content à add Content à YoxGallery indicamos un título ponemos el body si queremos y añadimos las fotos que queramos del tipo Gallery


El problema es que la galería se muestra como una columna de imágenes. Esto es porque los divs que contienen cada una de las imágenes ocupan el 100% del ancho de la página y por lo tanto no caben. Con esto de momento no vamos a hacer nada ya que en breve, lo que haré será personalizar el tema para que muestre los colores, el logo, etc. de la empresa en cuestión así que nos preocuparemos de esto más adelante.
Para acabar quería decir que, dado que hemos añadido un nuevo contenido de tipo Gallery, tenemos que eliminar la Galería de imágenes creada cuando hicimos la estructura básica de la web.