Clicky

Galería de fotos para Joomla!

Tutorial instalación de Pixelpost en español (I)

Ir al 2º tutorial de Pixelpost en español

pixelpostCada vez que doy un paseo por los foros de Joomla! Spanish siempre me encuentro gente que busca integrar una galería de fotos en su Joomla!.
La verdad es que hay bastantes y buenas... Pony Gallery...Zoom Media Gallery

Yo probé algunas de ellas y no me convenció el resultado, o no supe sacarle todo el provecho, así que instalé una galería en una carpeta independiente. Se llama Pixelpost y podéis ver unos ejemplos de Pixelpost funcionando en:

Vista al Mar y www.photojesus.es

(NOTA IMPORTANTE !!! HOY (22/08/2008) HE INCORPORADO A ESTAS DOS GALERIAS UN Adons EN EL QUE SE PRESENTAN LAS IMAGENES EN UNA ESPECTACULAR PRESENTACIÓN EN 3D -con PicLens-. EN EL FINAL DEL 2º TUTORIAL EXPLICARÉ COMO SE INTEGRA CON PIXELPOST)

Pixelpost tiene la posibiliad de cambiar colores de fondo y texto, logotipos, etc.. Así como añadirle el contenido en HTML que vosotros queráis, para integrarla como si estuviera dentro de vuestra página. Además admite comentarios a las fotos que muchos lo piden (tiene un código Akismet de seguridad). Pero todo esto lo veremos más adelante.

Para descargar la última versión de este programa, que es completamente gratuito, seguir este enlace:

Download the latest version from Pixelpost.org

 

clic para ampliar imagen
Pixelpost página principal


Os aconsejo hechéis después un vistazo completo a esta página ofical de Pixelpost pues tiene la posibilidad de elegir entre multitud de templates (hasta 74) y plugins (Aquí le dicen Addons, hasta 138 diferentes). Al final de la página podéis verlos todos.

Para iniciar la descarga pinchar a la derecha en Dowload (483K). En realidad son 611Kb, una minucia.


El archivo descargado pixelpost_v1.7.1.zip lo descomprimiremos en una carpeta, llamarla galeria,o fotos, o como-se-os-ocurra (Yo la nombraría Pixelpost Original, p.ej.).

Archivos descomprimidos de Pixelpost

Esta carpeta la guardaremos como oro en paño, y no la modificaremos para nada, pues es de la que partiremos para hacer la instalación en el servidor que soporta nuestro Joomla!.

Ahora subiremos UNA COPIA de esta carpeta (sin el archivo pixelpost_v1.7.1.zip que debéis borrarlo de ella, más que nada porque ya no es necesario en adelante y ocupa espacio en vuestro hosting) mediante un cliente de FTP, yo uso Filezilla, a la carpeta raiz de nuestro servidor donde tenéis instalado el Joomla. O a cualquier otra subcarpeta si lo preferís, luego lo enlazaremos, así que a vuestro gusto. Ocupa exactamente 2,57 Mb.

A esta carpeta subida yo la he llamado "galeria":

Carpeta, galeria, de Pixelpost en el servidor

Arriba la tenemos ya en nuestro servidor.
Ahora debemos configurar una serie de parámetros para que Pixelpost tenga acceso a nuestra base de datos y trabajar con las imágenes que vayamos subiendo.

Debemos abrir nuestro archivo de joomla configuration.php

Carpeta, galeria, de Pixelpost en el servidor

Nos fijaremos en las líneas que están señaladas con la flecha (vosotros podéis tener otra numeración pero será aproximada):

- 32 var $host = 'mysql-xxxx'; Este es el nombre del servidor Mysql de vuestra base de datos (os lo dan en el hosting)
- 33 var $user = 'tu-nombre-usuario' El nombre de usuario de la base de datos (puede y debe ser diferente al del admin de joomla)
- 34 var $db = 'nombre-de-la-base-de-datos' El nombre de tu base de datos (normalmente igual al de usuario, ni no lo has cambiado)

(NOTA: Recomendado: Si vuestro hosting os lo permite podéis hacer una base de datos nueva solamente para este componente y poner los datos que os den.)

Estos datos tenemos que trasladarlos a un archivo (pixelpost-sample.php) para que, como he dicho arriba, la aplicación pueda hacer uso de la base de datos de Joomla!

Abriremos para ello el archivo, en este ejemplo, situado en esta ruta: raiz_joomla/galeria/includes/pixelpost-sample.php :

archivo pixelpos-sample.php


Como vemos los chic@s de Pixelpost son tan amables que ya nos han preparado el lugar donde debemos colocar los datos obtenidos anteriormente. Hay cuatro líneas que dicen "replace_me"

-41 $pixelpost_db_host = "colocaremos el nombre de la í?nea 32 de arriba"; //database host, often "localhost"

-42 $pixelpost_db_user = "pondremos el nombre de la línea 33 de arriba"; //database user

-43 $pixelpost_db_pass = "aquí va vuestra contraseña de la base de datos"; //database user password

-44 $pixelpost_db_pixelpost = "El nombre de la base de datos de la línea 34"; //database

Una vez introducidos los nuevos datos guardar el archivo y renombrarlo a pixelpost.php .

Ahora escribiremos en la barra de direcciones de nuestro navegador la siguiente URL:

http://www.mi_sitio.com/galeria/admin/install.php

Y si todos los pasos y datos introducidos hasta ahora han sido los correctos os aparecerá la pantalla de bienvenida a la instalación de Pixelpost:

Pantalla bienvenida instalación pixelpost


Pinchar en este botón que dice : adelante con la instalación !!!

Pixelpost recordatorio de datos

Esta pantalla de arriba os recuerda que tenéis que tener los datos anteriores a mano: Nombre del host, de la base de datos, del usuario y su contraseña. Damos al botón   Aparece esta nueva pantalla:

clic para ampliar imagen
Test Pixelpost


Pixelpost ha realizado un test del servidor para ver si ver si cumple los requerimientos para que funcione (Aquí yo tengo uno en rojo que es el register_globals, que se debe corregir en un archivo del Joomla, pero podéis pasar a la siguiente pantalla sin problemas porque no afecta a la instalación). Damos de nuevo a nuestro botón amigo: Begin Installation » 

clic para ampliar imagen
Datos de la Base de datos


Aquí es donde por fin tenemos que introducir de nuevo los datos anteriores de la base de datos Mysql.

(NOTA: En esta última versión parece que el paso que hemos hecho anteriormente de modificar el archivo pixelpost-sample.php no es necesario y se realiza mediante esta pantalla, pero por si acaso lo mejor es que hagaís las dos cosas).


Damos al botón Test Connection »

clic para ampliar imagen
Datos de la Base de datos


He puesto un dato érroneo a proposito para que veaís la pantalla de error que sale. Volver a introducir los datos revisando dónde está el posible fallo y otra vez botón Test Connection »

clic para ampliar imagen
Datos de la Base de datos OK


Ahora está todo correcto y podemos seguir con la instalación, click en: 

clic para ampliar imagen
Pixelpost instalación Datos del administrador


Aquí introduciremos nuestros datos de administrador. Atención a la primera línea "Default administrator language" que se puede cambiar el idioma al español, si así lo deseaís, selecionar Spanish. Luego el nombre y la contraseña. Anotar estos datos con cuidado porque serán los que luego utilizaréis para logearos en la aplicación. Para mayor seguridad y que se os envie un e-mail con estos datos marcar Yes en la casilla de "Email Administrator Credentials". Pinchar en el botón

clic para ampliar imagen
Pixelpost instalación Datos del sitio

Esta pantalla de arriba es para introducir los datos de título subtítulo, URL y hora de nuestra localidad.
Introducir los datos y click a botón 

clic para ampliar imagen
Pixelpost instalación test final OK

Esta pantalla hace un test de toda la configuración validándola. Ciclk en 

clic para ampliar imagen
Pixelpost instalación finalizar


Nos aparece una nueva pantalla nos da detalles de todas las tablas y actualizaciones instaladas. Click 

clic para ampliar imagen
Pixelpost login

Y nos aparece for fin la pantalla para logearnos en Pixelpost. Esta es la pantalla de inicio de la sesión como administrador y tendremos que registrarnos cada vez que queramos entrar. La ruta de esta pantalla tendría que escribirse así en el navegador: http://www.tu_sitio.com/tu_galeria/admin/index.php . Nos logeamos y esta es la apariencia que tiene la consola de administración en Pixelpost:

clic para ampliar imagen

Pixelpost consola administrador

Para poder comprobar su posterior funcionamiento tendremos que subir al menos una imagen desde nuestro PC. Vamos a "examinar" navegamos por nuestras carpetas de imágenes hasta encontrar la que deseamos y pinchamos en "subir" o doble click sobre el archivo. Le ponemos un título, las palabras clave y una descripción de la foto. Marcamos la categoria "default", pues no hemos creado todavía ninguna, y le damos al último botón "subir"

En el siguiente capítulo veremos como utilizar Pixelpost con más detalle. Subir fotos, hacer diferentes categorías, como usar los addons, etc.
De momento yo os recomiendo que vayaís probando por vuestra cuenta. Veréis que no es nada complicado empezar a publicar fotos con esta galería.

Ahora vamos a integrarla con nuestro Joomla! Yo utilizaré la versión 1.5.7 pero en las versiones anteriores de Joomla! 1.1.x el procedimiento es el mismo.

Únicamente es necesario crear un menú nuevo llamado por ejemplo, y para seguir con mi ejemplo y lo podaís ver "en vivo", "Fotos apañadas". Para ello abrimos la consola de administración de Joomla! y elegimos el donde queremos incluirlo:

clic para ampliar imagen
Joomla menu


Elegimos el menú que queremos. Aparece el gestor de ese menú:

clic para ampliar imagen
Joomla menu nuevo


Elegimos "Nuevo", arriba a la derecha y nos aparece un nuevo item de menú:

clic para ampliar imagen
Joomla menu enlace externo


Elegimos enlace externo y aparece esta pantalla:

clic para ampliar imagen
Joomla menu enlace externo nombre y url

Ponemos el título, el alias y la URL, que será una parecida a esta: http//www.tu_sitio.com/tu_galeria/index.php . Elegimos "guardar":

clic para ampliar imagen
Joomla menu ordenar


Aquí podemos elegir el orden dentro del menú. Y ya podremos ver nuestra galería en Internet. Damos a previsualizar en nuestro admin de Joomla! y obtendremos la pantalla principal ya con el nuevo menú que hemos creado:

Apañados home

Si pinchamos en este menú nos aparecerá la pantalla de nuestra nueva galería hecha con Pixelpost. Podéis ver un ejemplo de lo que hemos hecho hasta ahora si pinchaís en el menú de la izquierda "Fotos apañadas". Todavía no he modificado colores, y el template es el que viene por defecto. En el capítulo siguiente veremos como hacerlo paso a paso para integrarla lo máximo posible con la apariencia de nuestra web o blog.

Dos ejemplos de integración los podéis ver aquí: Vista al Mar y PhotoJesus

NOTA IMPORTANTE !!! HOY (22/08/2008) HE INCORPORADO A ESTAS DOS ÚLTIMAS GALERIAS DE UN Adons EN EL QUE SE REALIZA UNA ESPECTACULAR PRESENTACIÓN EN 3D. AL FINAL DEL SEGUNDO TUTORIAL Y EXPLICARÉ COMO SE REALIZA.

Ir al 2º tutorial de Pixelpost en español

Os recuerdo el enlace de descarga de Pixelpost: Download the latest version from Pixelpost.org

Tutorial para actualizar a la última versión de Pixelpost

Jesus_Caceres