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 frecuenta 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 utiliza 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 moderno, utilizando el formato de diseño web 2.0. Unas de sus innumerables características que nos brinda Phoca Gallery, es la incrustación de video de servidores externo como, Vimeo o Youtube.
Descargamos Phoca Gallery y lo instalamos en Joomla. Una vez instalado nos dirigimos a “Componentes”, “Phoca Gallery”.
Phoca Gallery
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” luego en “Nuevo” así creamos las diferentes categorías.
-
Categorías
-
Categorías
Le designamos un título y nos dirigimos a “Category Folder”.
También podemos importar una fotografía directamente de, Picassa o Facebook, para utilizar este servicio vas a tener que asociar tu cuenta al componente.
Categorías Top Menú
Otros parámetros que podemos agregar a la categoría son la posición geográfica, mediante Google Map; y una descripción mediante el artículo.
-
Google Maps
-
Descrpción
Ahora guardamos la categoría, y creamos las necesarias.
Categoría
Seleccionamos todas las categorías y pinchamos en “Cooliris”, para crear un RSS, individualmente para cada categoría.
RSS
Si queremos asociar nuestra cuenta de Facebook nos dirigimos a icono Facebook y asociamos nuestra cuenta
Asociamos Facebook
Luego pinchamos en la pestaña “Tag” y colocamos los tag individualmente para cada categoría.
Tag
Ahora pinchamos en “Images” para colocar las imágenes. Tenemos dos opciones, si pinchamos en “Nuevo” añadiremos fotos individualmente, pero si pichamos en “Multiple Add” podremos añadir múltiples imágenes, aquí tenemos dos tipos de subidas 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.
-
Añadir múltiples imágenes
-
Añadir múltiples imágenes con Flash
En este caso utilizaremos la tecnología Flash, puedes subir todo el paquete de imágenes de una sola vez, esta es una opción muy práctica y ahorraremos un montón de tiempo.
Subida de imágenes
Ahora elegimos la categoría y luego las imágenes que se verán dentro de ella.
Múltiples imágenes
Vemos como el componente crea las miniaturas.
Crea las miniaturas
Observamos como 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.
Imágenes
Pinchamos en el titulo de cada imagen para rellenar sus parámetros, podemos incrustar los siguientes parámetros; la latitud de Google Mpas, un link externo o interno y una descripción de la imagen, que bien puede ser un producto.
-
Parámetros
-
Parámetros
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.
Embeber un video
Pinchamos en “Select Filename”, para crear la miniatura.
Crear la miniatura.
Los siguientes parámetros son los mismos que los de una imagen.
Ahora creamos un nuevo menú para linkear la galería y veremos como 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 disponible, tanto linkear directamente una categoría, para que se vean las imágenes, en vez de listar categorías.
Vemos ahora en el sitio como nos muestra la categoría con sus parámetros estándares.
Página
-
Fotos
-
Vídeo
Volemos 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.
-
Panel de control
-
Parámetros
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 aquí que recuerdes que algunos aceptan videos y otros no, ten en cuenta este factor para tu galería. Si vas a usara video en la galería tendrás que escoger uno que acepte embeber videos.
Diferentes estilos
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.
Diferentes estilos
En “Description Settings” manipulamos, el tipo de fuente, su color y altura.
Description Settings
Ahora vamos a tocar los parámetros de visualización de iconos y display.
Iconos y display
Estos parámetros los encontramos en “Category View Settings”
-
Estándar
-
Con cambios
Vemos los cambios realizados en el sitio.
Iconos y display manipulados
También puedes eliminar el botón de regreso a la anterior categoría.
También puedes eliminar el botón de regreso a la anterior categoría.
Themes Phoca GalleryComo puedes ver se puede 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 se te equivocas, siempre encontraras la solución.
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 subir desde la pestaña “Themes”, encontrarás la opción De “Examinar” y “Subida”. -
-
¿Y tú, qué opinas?
-
#1
-
Cargando...
-
nuevo comentario
Nombre Campo obligatorio
Email Escriba una dirección de correo electrónico con el formato sunombre@ejemplo.com.
Campo obligatorio
-
