Hoy en dÃa hay un montón de generadores de galerÃas web. Tú sólo les das las fotos, y el script se encarga de crear la galerÃa, sin tú tener que preocuparte de escribir código. Los hay muy buenos, pero hoy os voy a hablar de SPGM (Simple Picture Gallery Manager), por varias razones:
- Es código abierto
- No usa bases de datos
- No usa la librerÃa GD
- Está en español
- Las galerÃas que genera son XHTML 1.0 Strict válidas.
Lo cierto es que la última opción fue la que me hizo decantarme por ella.
Instalación
Debemos tener instalada la versión 4 ó superior de PHP. Nos descargamos la última versión y lo descomprimimos en un directorio. Si lo subimos a nuestro espacio web, la dirección de la galerÃa serÃa algo asÃ: http://www.tuweb.com/spgm-xxx/index.php. spgm-xxx variará según la versión que te hayas descargado. Obviamente, puedes darle el nombre que quieras a ese directorio.
Pues la instalación era eso nada más. Ahora sólo queda meterle contenido 🙂
Creando galerÃas
Por defecto, sólo tenemos que crear directorios dentro de la carpeta gal
. Asà que, si queremos crear una galerÃa llamada Fotos, tendremos que crear un directorio con ese nombre en gal
, de tal forma que nos quedarÃa gal/Fotos/
. Los nombres de las galerÃas (los directorios) no pueden contener espacios, pero podemos escribir en su lugar un guión bajo ‘_’ y el script lo interpretará como un espacio: gal/Fotos_de_coches
.
Ahora metemos las fotos en esos directorios. Y nos falta un último paso, debemos crear nosotros las miniaturas (thumbnails) de las fotos. Sà esto puede ser algo engorroso, pero es la desventaja de no usar la librerÃa GD para la manipulación de imágenes. Sin embargo, dentro de la carpeta tools
nos incluyen un script tanto para Windows (genthumb.bat
) como para Linux (genthumb.sh
) que nos facilitarán el proceso, haciendo automáticamente las miniaturas de las fotos. De todos modos, por si os sirve, yo hice un script bastante más sencillo (para Linux):
#!/bin/bash
for image in `ls *.jpg`
do
convert $image -resize 150x113 _thb_$image
done
Es necesario tener instalado el paquete imagemagick. Lo que hace el script es que para todas las imágenes (en este caso, .jpg) que haya en el directorio donde se ejecute el script, las reduce a un tamaño de 150 pÃxels de ancho y 113 de alto, y les da un nuevo nombre (no borra las originales) de la forma _thb_nombre_de_la_imagen_original.jpg
.
Para usar el script, primero copiáis las lÃneas de arriba en un fichero, lo llamáis como queráis (mejor algo descriptivo, claro) y le dais permisos de ejecución (en consola es tempwin@linux:~$ chmod +x nombre_script
). Y lo ejecutáis tal que asÃ: tempwin@linux:~$ ./nombre_script
🙂
Venga, y ya tenéis la galerÃa creada 🙂 Pongámonos ahora con la configuración/personalización.
Archivos y directorios
Asà está estructurado SPGM junto con sus archivos importantes:
-
contrib/
– Donde está una librerÃa javascript que usa SPGM para mostrar información EXIF.
-
css/
– La hoja de estilo del aspecto superficial de la galerÃa.
-
flavors/
– Carpeta de temas, para modificar el aspecto de la galerÃa.
-
gal/
– Por defecto es el directorio donde se almacenarán los álbumes que queramos añadir a la galerÃa.
-
gal/spgm.conf
– Archivo de configuración de la galerÃa, para editar algunos aspectos de la misma.
-
lang/
– Carpeta con los archivos de lenguaje, para traducir la galerÃa.
-
tools/
– Herramientas para la creación automática de miniaturas.
-
spgm.php
– Es el script que se encarga de crear la galerÃa.
Idioma
Dentro de la carpeta lang
tienes bastantes idiomas para elegir. Por defecto, viene en inglés. Si queremos cambiar el idioma, tenemos que editar el archivo spgm.conf
, que está dentro de la carpeta gal
. Casi al final podemos ver una lÃnea que pone $cfg['conf']['language'] = 'en';
, por defecto, está comentada (con un # delante). Borramos el # y le ponemos el idioma, es
para el Español.
Número de miniaturas
Otro aspecto que nos interesará, será el número de miniaturas que queremos que se muestre en cada página de nuestra galerÃa. Lo podemos definir también en el mismo archivo que antes. En la lÃnea $cfg['conf']['thumbnailsPerRow'] = 4;
, le indicamos que queremos que aparezcan cuatro miniaturas por fila. Y en $cfg['conf']['thumbnailsPerPage'] = 12;
, decimos que queremos 12 miniaturas por página.
Modificando el aspecto
Podemos cambiar la apariencia de la galerÃa mediante unos estilos o sabores (flavors, como dicen ellos). Hay algunos disponibles en su página web. Tan sólo los descargamos, los metemos en la carpeta flavors
, extramos el contenido, y en el fichero (¿a ver si lo adivinas?) spgm.conf
le decimos el nombre del tema que queremos usar en la lÃnea $cfg['conf']['theme'] = 'clean';
. Para este ejemplo, es el tema clean (debes poner el nombre que tenga la carpeta del tema).
Sólo te hace falta saber algo de CSS y XHTML para hacer tus propios temas o modificar el aspecto de la galerÃa a tu gusto.
Alternativas
Ah, por cierto, mi galerÃa está funcionando con SPGM 😉