Crear galerías en OpenCms

Componente Álbum de fotografías
Componente “Álbum de fotografías”
Componente Álbum de fotografías
Listado de imágenes
Illustration 1: Vista general de un portal con la carpeta "galerías".......................................................3
Illustration 2: Contenido de la carpeta de galerías y botón de "nuevo"...............................................4
Illustration 3: Nueva carpeta extendida................................................................................................4
Illustration 4: Creación de una nueva carpeta de galería......................................................................5
Illustration 5: Nombre de la galería en el sistema de ficheros.............................................................5
Illustration 6: Galería creada................................................................................................................5
Illustration 7: Subida del zip generado al servidor...............................................................................6
Illustration 8: Resultado de subir el zip al servidor..............................................................................6
Illustration 9: Publicación de las imágenes en el servidor...................................................................6
Illustration 10: Creación de la nueva carpeta.......................................................................................9
Illustration 11: Título de la nueva carpeta............................................................................................9
Illustration 12: Propiedades de la nueva carpeta..................................................................................9
Illustration 13: Nuevo elemento multimedia......................................................................................10
Illustration 14: Creación del álbum de fotografías.............................................................................11
Illustration 15: Título del componente en el sistema de ficheros.......................................................11
Illustration 16: Propiedades del álbum de fotografías........................................................................11
Illustration 17: Edición del componente álbum de fotografías..........................................................12
Illustration 18: Campos del componente informados.........................................................................12
Illustration 19: Previsualización del componente álbum de fotografías............................................12
Componente Álbum de fotografías
Creación de un componente “Álbum de fotografías”.
El presente manual va dirigido a la creación de un componente “álbum de fotografías”, así
como una pequeña guía para realizar la subida de imágenes al servidor, necesarias para la
creación de una galería.
La creación de un componente “álbum de fotografías” puede dividirse en dos partes:
1. Disponer de un conjunto de imágenes en el servidor. Dichas imágenes deben encontrarse
dentro de una misma “carpeta extendida” de tipo “galería de imágenes”. La ordenación por
carpetas está orientada a organizar las galerías de forma separada.
2. Crear un componente “álbum de fotografías” y cumplimentarlo adecuadamente para
mostrar la galería en la Web. Este “álbum de fotografías” se valdrá de las galerías de
imágenes previamente subidas al servidor.
Describiremos a continuación de manera ilustrada los pasos a dar para crear una galería de
ejemplo en nuestro servidor, así como crear un componente “álbum de fotografías” que permita
mostrar la galería en nuestra Web.
Componente Álbum de fotografías
1. Creación de una carpeta extendida para contener la galería.
Lo primero es crear una carpeta extendida para albergar las imágenes del álbum. Para la
creación de las galerías de imágenes los portales en OpenCms disponen de un directorio “galerías”
creado a tal efecto. Lo primero por tanto será situarnos en el directorio galerías y crear dentro una
carpeta extendida.
Illustration 1: Vista general de un portal con la carpeta "galerías"
Componente Álbum de fotografías
Illustration 2: Contenido de la carpeta de galerías y botón de "nuevo"
Illustration 3: Nueva carpeta extendida
Componente Álbum de fotografías
Illustration 4: Creación de una nueva carpeta de galería
Dado que se trata de una carpeta, sólo necesitamos indicar el nombre de la carpeta en el
sistema de ficheros, no siendo necesario (pero si conveniente) indicar un título en las propiedades
de la carpeta.
Illustration 5: Nombre de la galería en el sistema de ficheros
Illustration 6: Galería creada
Componente Álbum de fotografías
Una vez creada la carpeta extendida, el siguiente paso a dar es subir las imágenes la
servidor. Para ello, previamente comprimiremos las imágenes que vayamos a subir en un fichero
.zip.
Una vez disponemos del fichero comprimido en zip deberemos realizar la subida al servidor.
Para ello, una vez situados dentro del directorio creado, debemos seleccionar el botón subir. En la
ventana que se nos muestra debemos pinchar en seleccionar y elegir el fichero zip que hemos
generado en nuestro equipo. Para que la subida del zip se realice correctamente debemos marcar
la opción “Descomprimir archivo ZIP”.
Illustration 7: Subida del zip generado al servidor
Illustration 8: Resultado de subir el zip al servidor
Para terminar el proceso de subida de imágenes sólo nos resta realizar la publicación. Para
ello nos dirigimos a la carpeta donde hemos subido las imágenes y pinchando con el botón
derecho seleccionamos “publicar directamente”.
Illustration 9: Publicación de las imágenes en el servidor
Componente Álbum de fotografías
2. Creación de un componente “Álbum de fotografías” para mostrar la galería
Creada la carpeta con las imágenes la creación del componente es un paso simple. Nuestro
principal problema será buscar un lugar adecuado en la Web donde mostrar la galería. Para este
ejemplo crearemos en nuestra vista principal de administración una carpeta llamada “fototeca”,
dentro de la cual crearemos nuestro álbum de fotografías.
El primer paso por tanto será crear una nueva carpeta e incluirla en la navegación (si ya
disponemos de un sitio donde subir nuestros álbumes de fotografías este paso lo podemos saltar).
Para crear la carpeta tenemos pinchar en nuevo → carpeta y darle un nombre a la misma.
Como se trata de una carpeta que se va a incluir en el menú superior debemos seleccionar el
cuadro “incluir en la navegación”, así como informar un título y un texto para la navegación.
Illustration 10: Creación de la nueva carpeta
Illustration 11: Título de la nueva carpeta
Componente Álbum de fotografías
Illustration 12: Propiedades de la nueva carpeta
Creada la carpeta ya podríamos crear todos los álbumes de fotografías que queramos. Cada
componente álbum de fotografías se corresponde con una galería al completo, ni siendo necesario
(si así se desea) crear más carpetas dentro de que acabamos de crear.
Vamos por tanto a crear un componente álbum de fotografías para mostrar el contenido de
la carpeta que subimos a galerías.
Para crear el componente pinchamos en nuevo → elementos multimedia del portal → álbum
de fotografías.
Illustration 13: Nuevo elemento multimedia
Componente Álbum de fotografías
Illustration 14: Creación del álbum de fotografías
Al tratarse del primer fichero de la carpeta lo nombraremos como index, asegurándonos de
tener marcada la pestaña “Append “.html” suffix to name” (Añadir el sufijo .html al nombre).
Posteriormente en caso de querer modificar el fichero que hace las veces de index podremos
renombrarlo. Es importante recordar que todas las carpetas (que se encuentren añadidas a la
navegación) deben contener un fichero llamado index.html.
Illustration 15: Título del componente en el sistema de ficheros
En las propiedades del componente sólo indicaremos que se debe incluir en la navegación,
así como su texto de navegación, el título lo informaremos al editar el componente.
Illustration 16: Propiedades del álbum de fotografías
Componente Álbum de fotografías
Creado el componente el siguiente paso será editar sus propiedades para indicar que debe
coger las imágenes de la carpeta creada en los primeros pasos de este manual.
Illustration 17: Edición del componente álbum de fotografías
Illustration 18: Campos del componente informados
Una vez guardados los cambios el resultado es el siguiente:
Illustration 19: Previsualización del componente álbum de fotografías