in

Joomla: Galería multimedia


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”.

  • 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.
  • 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.
  • 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.
  • 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 a icono Facebook y asociamos nuestra cuenta
  • Luego pinchamos en la pestaña “Tag” y colocamos los tag individualmente para cada categoría.
  • 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.
  • 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.
  • Ahora elegimos la categoría y luego las imágenes que se verán dentro de ella.
  • Vemos como el componente 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.
  • 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.
  • 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.
    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.
  • 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.
  • 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.
  • 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 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”.

Reportar

¿Qué te pareció?

Participante

Escrito por Federico Reggiani

Participo en NeoTeo.com, JuegosFan.com y Foto24.com como desarrollador, entre otras cosas.

Moderador de ComunidadUsuario VerificadoVotadorAutor de contenido

Comentarios

Leave a Reply

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Loading…

0

Enlaces Recomendados de la Semana (Nº168)

Escudo WiFi para Arduino (The Arduino Wifi Shield)