Siempre que realizamos un sitio web, el apartado de galería fotográfica o video galería nos da más que un dolor de cabeza. ¿Qué componente utilizamos? Es una pregunta frecuente que nos hacemos cada vez que diseñamos un nuevo sitio web. Al buscar un componente buscamos belleza en el diseño, fácil visualización y, lo más importante, una rápida carga.
El componente que vamos a utilizar es Phoca Gallery. Su diseño es impecable y la visualización de la galería a modo de pop-up es muy profesional y moderna, utilizando el formato de diseño web 2.0. Una de sus innumerables características es la incrustación de videos de servidores externos como Vimeo o YouTube.
Descargamos Phoca Gallery y lo instalamos en Joomla. Una vez instalado, nos dirigimos a “Componentes”, “Phoca Gallery”.
Crear categorías
- Primero tenemos que crear las diferentes categorías. Si, por ejemplo, la página que vamos a realizar es de alimentos naturales, nuestras categorías serán vinos, aceites, etcétera. Pinchamos en “Categories” y luego en “Nuevo”; así creamos las diferentes categorías.
- Le designamos un título y nos dirigimos a “Category Folder”.
- También podemos importar una fotografía directamente de Picasa o Facebook. Para utilizar este servicio, tendrás que asociar tu cuenta al componente.
- Otros parámetros que podemos agregar a la categoría son la posición geográfica, mediante Google Maps, y una descripción mediante el artículo.
- Ahora guardamos la categoría y creamos las necesarias.
- Seleccionamos todas las categorías y pinchamos en “Cooliris” para crear un RSS individualmente para cada categoría.
- Si queremos asociar nuestra cuenta de Facebook, nos dirigimos al icono de Facebook y asociamos nuestra cuenta.
- Luego pinchamos en la pestaña “Tag” y colocamos los tags individualmente para cada categoría.
Subir imágenes
- Ahora pinchamos en “Images” para colocar las imágenes. Tenemos dos opciones: si pinchamos en “Nuevo” añadiremos fotos individualmente, pero si pinchamos en “Multiple Add” podremos añadir múltiples imágenes. Aquí tenemos dos tipos de subida: una pestaña con tecnología Flash y la restante en Java. Podrás usar la tecnología que más te guste y te funcione más rápido.
- En este caso utilizaremos la tecnología Flash. Puedes subir todo el paquete de imágenes de una sola vez; es una opción muy práctica y ahorraremos un montón de tiempo.
- Ahora elegimos la categoría y luego las imágenes que se verán dentro de ella.
- Vemos cómo el componente crea las miniaturas.
- Observamos cómo ya tenemos las imágenes asociadas a cada categoría. Recuerda que puedes crear las categorías que quieras y subir las imágenes que te apetezca.
- Pinchamos en el título de cada imagen para rellenar sus parámetros. Podemos incrustar los siguientes parámetros: la latitud de Google Maps, un link externo o interno y una descripción de la imagen, que bien puede ser un producto.
Añadir videos a la galería
- Pinchamos en “Nuevo” para embeber un video desde YouTube. Vamos a YouTube y elegimos el video a incrustar; luego pinchamos en “Compartir”, después en “Insertar” y copiamos el código. Una vez copiado el video, lo pegamos en “Video Code (YouTube)”. También podemos embeber videos de Vimeo.
- Pinchamos en “Select Filename” para crear la miniatura.
- Los siguientes parámetros son los mismos que los de una imagen.
Crear un menú para la galería
- Ahora creamos un nuevo menú para linkear la galería y veremos cómo vienen los parámetros originales. Nos dirigimos a “Gestor de Menú” y, cuando creamos uno nuevo, elegimos la opción “List Of Categories (Categories View)”. Puedes elegir cualquiera de las cuatro opciones disponibles, tanto linkear directamente una categoría, para que se vean las imágenes, en vez de listar categorías.
- Vemos ahora en el sitio cómo nos muestra la categoría con sus parámetros estándares.
Configurar la visualización
- Volvemos al panel de control del componente y pinchamos en “Opciones”. Vamos a manipular todos los parámetros y cambiar en gran parte la visualización de la galería.
- En la opción “Detail View Settings” podemos manipular el pop-up. Podemos elegir el más conveniente con el diseño. Es muy importante que recuerdes que algunos aceptan videos y otros no; ten en cuenta este factor para tu galería. Si vas a usar video en la galería, tendrás que escoger uno que acepte embeber videos.
- Una vez elegido el pop-up, te diriges a sus opciones y manipulas sus parámetros: colores, tamaño, tipo de slide, opacidad de fondo, etcétera.
- En “Description Settings” manipulamos el tipo de fuente, su color y altura.
- Ahora vamos a tocar los parámetros de visualización de iconos y display.
- Estos parámetros los encontramos en “Category View Settings”.
- Vemos los cambios realizados en el sitio.
- También puedes eliminar el botón de regreso a la anterior categoría.
- Como puedes ver, se pueden manipular casi todos los parámetros. Te recomendamos que dejes la galería a tu gusto y que no tengas miedo de tocar sus parámetros: aprenderás muchísimo y, si te equivocas, siempre encontrarás la solución.
Temas de Phoca Gallery
Un último consejo: en la pestaña “Themes” puedes subir diferentes temas de Phoca Gallery. Desde la página te lo puedes descargar y luego subirlo desde la pestaña “Themes”: encontrarás la opción de “Examinar” y “Subida”.
En los siguientes enlaces puedes encontrar más información: Más información Más información.
