Galerías fotográficas en Joomla 1.5 con Phoca Gallery - Una nueva galería en tu sitio Web

Tags: CMS | gestor de contenidos | Joomla

Phoca Gallery es una herramienta de gestión de galerías fotográficas. Permite mostrar, de una manera atractiva, nuestras fotografías organizadas en categorías y subcategorías, así como insertar imágenes en nuestros artículos y módulos.

Sitio Web Phoca Gallery - http://www.phoca.cz/phocagallery

Tras la instalación del componente com_phoca_gallery (y su configuración al idioma español) (accede a nuestro artículo que te explica cómo realizarlo) en el menú Componentes del menú principal de la administración de Joomla 1.5 aparecerá la nueva entrada Phoca Galeria. Haz clic en la entrada Panel de Control para acceder al mismo:

Paso 1. Crea nuevas categorías

La primera acción a realizar será la creación y configuración de nuevas categorías en el componente. Para ello haz clic en el botón Categorías del Panel de Control del componente:

 

Se abre en pantalla la página dedicada a la creación y edición de categorías en el componente que, de momento, presenta un listado vacío y una barra de herramientas en la parte superior.

Para crear una nueva categoría haz clic en el botón Nuevo. En el nuevo formulario que aparece en pantalla introduce los términos solicitados:

• Título: Teclea un nombre para la categoría. Por ejemplo, Instalaciones del centro

• Alias: nombre interno que asigna Joomla para su organización y clasificación. Puedes dejar que Joomla le asigne el alias adecuado simplemente dejando en blanco el cuadro de texto.

• Categorías padre. Si tienes ya categorías creadas la selección de una de ellas en el listado te permite crear subcategorías.

• Publicado: sí o si no no serán visibles en tu sitio

• Autorizada: Sí, en caso contrario no se mostrarán en el sitio

• Nivel de acceso. Público para que cualquier usuario – visitante de tu sitio pueda acceder a ella.

• Derechos de acceso. Te permite seleccionar uno o más usuarios que pueden ver el contenido de esta categoría.

• Enviar y añadir permisos de usuario. Te permite seleccionar uno o más usuarios que pueden eliminar y publicar imágenes en la categoría que se está creando.

 

 

• Propietario. Permite establecer el propietario de la categoría. Los propietarios, además de poder subir imágenes a la categoría, pueden administrar su interfaz. Si la categoría se establece como categoría principal, los usuarios podrán crear subcategorías en esta categoría en el Frontend.

• Directorio. Carpeta en el servidor en el que se cargan las imágenes, cuando se añaden a la interfaz. Ya sabes desde la instalación del componente que la carpeta en la que Phoca Gallery buscará las imágenes es la carpeta phocagallery en la carpeta images de Joomla. Ahora bien, resulta muy adecuado que crees carpetas en este directorio para organizar convenientemente todos los archivos que vayas alojando por lo que haz clic en el botón Examinar y en la nueva ventana que aparece en pantalla crea la carpeta que precises (en este caso llámala instalaciones) y pulsa, finalmente, el botón Crear carpeta. Cuando la nueva carpeta aparezca en la ventana pulsa sobre el icono flecha verde para que la ruta al directorio aparezca en el cuadro de texto.

Nota. No utilices espacios ni caracteres especiales en el nombre de la carpeta o directorio.

• Longitud, latitud, Zoom, Título te permite hacer uso de los servicios de geotagging de Google maps. Al hacer clic en el botón Coordenadas podrás situar en el mapa de Google la posición exacta de las imágenes que contiene esta categoría.

• Imagen. Selecciona la imagen deseada en el listado. Esta imagen se muestra por encima de la descripción de la categoría.

• Posición de la imagen. Permite configurar la posición de dicha imagen a la izquierda o a la derecha

• Meta descripción. Te permite añadir un texto descriptivo a la imagen.

• Meta palabras clave. Te permite añadir palabras claves que se refieran a la categoría creada.

 

Cuando finalices de cumplimentar dicho formulario con todas las opciones que desees haz clic en el botón Guardar de la Barra de Herramientas. Vuelves de nuevo al listado de categorías creadas pero ahora puedes ver la nueva categoría en el listado.

 

Paso 2. Añade imágenes a la categoría recién creada

Para incluir fotografías en una galería gestionada por Phoca Gallery el paso previo será disponer de las fotografías en el servidor. Esto es posible hacerlo de varias formas: utilizando el propio componente como verás a continuación, haciendo uso del propio Gestor Multimedia de Joomla (recuerda que la carpeta predeterminada es phocagallery en images) o con un cliente de FTP.

Para las prácticas que realizaremos a continuación te ofrecemos un paquete comprimido zip con diversas fotografías relativas a posibles instalaciones de un centro. Si quieres descárgalo a tu equipo mediante la opción Guardar destino como... del navegador (Firefox o Chrome) y luego descomprímelo para acceder a su contenido. Todas las imágenes contenidas en dicho archivo han sido descargadas del Banco de imágenes y sonidos del ISFTIC que nos permite su utilización para usos educativos:

Descarga el archivo comprimido - 646 kb

Mediante el Gestor Multimedia

Puedes utilizar las opciones de subida de imágenes que ya conoces del Gestor Multimedia para “colocar” en la carpeta phocagallery o en las subcarpetas que hayas creado en el paso anterior (o que hayas creado manualmente desde el Gestor Multimedia en dicho directorio) aquellas imágenes que quieras que se muestren en cada galería de Phoca Gallery.

 

Mediante el propio componente

Para añadir imágenes a una categoría ya existente acude al menú Componentes – Phoca Galeria – Imágenes. En la barra de herramientas pulsa sobre el botón Añadir múltiple.

 

En la nueva pantalla debes primero seleccionar la categoría y el directorio que creaste en el paso anterior para que las imágenes que “subas” se guarden en dicha carpeta (en este caso haz clic en la carpeta instalaciones para acceder a su contenido, de momento vacía, claro).

Este procedimiento de subir las imágenes al servidor puede ser realizado de diversas formas:

• Enviar. Te permite subir una sola imagen haciendo clic en el botón Examinar y a continuación, sobre Comenzar envío. La opción carpeta te permite crear, desde esta opción, nuevas carpetas o subcarpetas para alojar tus imágenes.

 

• Carga Java. Si tienes instalado Java en tu equipo esta opción posibilita mostrar un cargador de imágenes que permite la subida masiva de imágenes a la carpeta si las seleccionas con el botón Examinar. Observa además que el cargador te ofrece opciones de rotación de la imagen:

 

• Carga Flash. Es un procedimiento muy similar al anterior ya que te permite también la carga masiva de imágenes. Haz clic en el botón Examinar para localizar las imágenes en tu equipo y, a continuación, sobre el botón Comenzar envío.

Una vez que las imágenes han sido cargadas selecciónalas mediante su cuadradito de verificación que se encuentra justo a la izquierda de cada imagen y haz clic en el botón Guardar de la barra de herramientas después de asegurarte de haber seleccionado la categoría deseada. Así Phoca Gallery ya tendrá las imágenes disponibles y listas para ser utilizadas con el componente.

 

La galería de fotografías sobre las instalaciones del centro ya está creada. El siguiente paso será conseguir que se visualice en tu sitio Web. Y el propio componente también te facilita estas tareas.

 

Paso 3. Crea una entrada de menú que apunte al componente

Acude a la entrada del menú principal de la administración de Joomla denominada Menús y despliega el listado de menús ya creados y configurados en tu sitio:

 

y selecciona el menú en el que vas a crear la entrada que linkee con el componente Phoca Gallery. Para este ejemplo en concreto nosotros hemos seleccionado Menú principal haciendo clic sobre él. Utiliza el botón Nueva para crear una nueva entrada en este menú y observa el listado de selección del tipo de menú: en ella aparece Phoca Gallery (cuando instalas componentes este listado se amplía con los componentes instalados).

 

Haz clic sobre la entrada Phoca Galeria para desplegarla y visualizar sus diferentes opciones:

Cada una de ellas ofrece distintas posibilidades y utilizar una u otra dependerá de cómo deseas mostrar las galerías de imágenes. En nuestro caso, en este momento, sólo disponemos de una única categoría, la categoría instalaciones del centro. En realidad lo que queremos hacer es una entrada en el menú que se llame Instalaciones que muestre a nuestro usuario – visitante del sitio las instalaciones del centro en el que trabajamos, por tanto, la opción que elegiremos será Patrón de categoría Phoca Galeria.

Al hacer clic sobre la entrada se abre la página de configuración del nuevo ítem de menú. Cumplimenta los campos necesarios:

• Título: Instalaciones, lógico ¿no?

• El resto de apartados ya los conoces: asegúrate de que se encuentre activa la opción Sí, publicado, para que el ítem se visualice en el sitio y su nivel de acceso sea Público para que cualquier usuario – visitante del sitio pueda ver las imágenes de la categoría.

• Parámetros – Básico. En el apartado Categoría selecciona la categoría creada en el paso 1, en concreto, la categoría denominada Instalaciones del centro.

Guarda los cambios. Coloca la entrada de menú Instalaciones en el Menú principal según tus preferencias. Actualiza tu sitio Web mediante la tecla F5 de tu teclado y comprueba el funcionamiento de la nueva entrada de menú haciendo clic sobre ella.

Observa cómo al hacer clic en una de las miniaturas que muestra la página, el componente se encargará de mostrar en pantalla, mediante una ventana emergente, la imagen en su tamaño original. ¡Muy práctico!

 

¡Y puedes personalizar todas y cada una de las opciones del componente como el tamaño de las miniaturas, el tema del reproductor de las imágenes, etc.!

(Consulta las opciones disponibles en Preferencias del Panel de Control del componente y experimenta con ellas)

 

Descarga nuestro tutorial en formato PDF - ¡1 Mb! - Descargar

Mostrar este artículo en su sitio web

< Prev		Próximo >

Joomla - Componentes