Clicky

Galería de fotos para Joomla! (II)

Ir al primer Tutorial de instalación de Pixelpost en Español (I)

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

PicLens

Instalar y modificar un template


Vamos en este tutorial a empezar a diseñar nuestra galería (y pondré alguna foto más que acompañe al robot parlante...) Lo primero que tenemos que hacer es elegir un template a nuestro gusto, pero, más que la apariencia visual en si, yo os recomendaría eligieséis uno que tenga el máximo de funcionalidades ( Photo Stream, información de cada imagen, formulario de comentarios, feed RSS, TAGS, etc.). 

Os recuerdo las páginas donde podéis ver unos ejemplos de Pixelpost funcionando: 
         
                  Vista al Mar                    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-. AL FINAL DE ESTE SEGUNDO TUTORIAL  EXPLICARÉ COMO SE INTEGRA CON PIXELPOST).

Os recuerdo el enlace para descargar la última versión de este programa, que es completamente gratuito:

Download the latest version from Pixelpost.org

Empezamos en la pantalla principal de Pixelpost del enlace de arriba:

 

clic para ampliar imagen
Pixelpost página principal

En la parte de abajo hay tres imágenes, escogemos la del centro que dice "Templates of Note" y el enlace bajo el thumbnail que pone: Pixelpost Templates . Se abrirá esta nueva pantalla:

clic para ampliar imagen
Pixelpost templates


Aquí es donde digo que debéis elegir con cuidado el template que queraís uitlizar. Hay 73 diferentes, hacer varias pruebas y escoger el que más se adapte a vuestras necesidades. En la mayoría de las entradas a los diferentes templates (pincha en un enlace con puntos suspensivos ... que hay al final del primer párrafo de presentación del template) explican las caracterésticas del template y exiten demos reales donde podéis ver su funcionamiento.  La pantalla de abajo, que es la del template que he escogido para mi galería, es la que aparece al pinchar en  ... :

clic para ampliar imagen
Pixelpost template Dark Matter

El template se llama DarK Matter soporta ajax, validación HTML, es funcional también sin Java Script, soporta RSS, incluye comentarios, presentación como diapositivas (Photo Stream), Tags, y en la versión profesional de Dark Matter que cuesta $39,95 el autor le añade más funcionalidades.  De momento vamos a probar y luego ya veremos a ver si compramos, ¿No?

Descargamos el archivo pinchando en Download Dark Matter (219.3 KB). Es un archivo comprimido en zip que se llama "dark-matter-111.zip".  Seguiremos para instalarlo estos pasos (esta instalación puede utilizarse como modelo para el resto de los templates, pero en cada caso os recomiendo encarecidamente leer el archivo readme.txt del template que hayaís elegido):

  • 1) Creamos una carpeta llamada  " darkmatter " descomprimimos el archivo "dark-matter-111.zip" bajado anteriormente en esta carpeta.
     
  • 2) El archivo " dm_support.php " que se ha obtenido al descomprimir lo subimos mediante ftp a la carpeta de " addons " de nuestro pixelpost (que debe estar situado, como dijimos en el primer tutorial, en una ruta de vuestro servidor parecida a esta : www/galeria/addons/ ).
     
  • 3) Subimos la carpeta completa " darkmatter "  a esta ruta: www/galeria/templates/
     
  • 4) Para este template en particular existe un "addon" opcional de pixelpost el "RGB histogram" -descarga- que genera histogramas del color y la luminosidad de nuestras imágenes. Hay que seguir los pasos siguientes si queréis instalarlo (el template también funciona sin él y es más que nada información para fotográfos, podéis saltaros este paso e ir directamente al 5) :
    a) Descomprimir el archivo " rgbhistogram.zip " en cualquier carpeta y se obtendrán dos nuevas carpetas una
    para MACOSX y otra para Windows:  rgbHistogram.
    b) Abre la carpeta "rgbHistogram" y deberás subir por ftp el archivo " admin_RGBhistogram.php " a la misma
    carpeta de "addons" del paso 2.
    c) Subir la carpeta "histograms" (que está dentro de "rgbhistograms") al directorio raiz de pixelpost (en este caso quedaría así:  "www/galeria/histograms").
    d) Añade esta línea  $lang_histogram = "Histogram"; en el archivo:  www/galeria/language/admin-lang-spanish.php
    e) Coloca esta línea en el fichero /www/galeria/templates/darkmatter/image_template.html

    Administración pixelpost

    f)  Si abrimos el administrador de Pixelpost veremos (imagen de arriba) que se ha creado un nuevo menú
    llamado RGB-Histogram.
    Desde aquí podremos crear los histogramas de nuestras imágenes seleccionando el rango de fotos que 
    queramos  entre    Start:  (última foto)    y     Finish:  (primera foto)
    Escogeremos el "Background Color" y "Type", pinchando después en el botón "Make Histograms" para
    generarlo.
    Si son muchas fotos tardara algún minuto en realizarlo:

     

pixelpost rgb-histogram


  • 5) Hay que habilitar desde el administrador de pixelpost en el menú "ADDONS" este nuevo:
    Dark Matter Pro support addon (dm_support - version 1.1.1) - status: OFF
    (os saldrá en el último lugar de la lista en color amarillo)
    Pinchando en OFF para activarlo y que está ON. (se colocará ahora en el cuarto lugar de la lista)
     
  • 6) Definiremos el tamaño de las miniaturas a 100x75. Para ello vamos al menú "OPCIONES", "MINIATURAS" y  en "TAMAÑO DE MINIATURAS" colocaremos esos datos.

    Administración pixelpost miniaturas

  • 7) Vamos al menú "OPCIONES" y debajo a "PLANTILLA" elegimos "darkmatter" y a "ACTUALIZAR" . Si nos vamos a la galería en vivo ya veremos que se ha cambiado nuestra plantilla al nuevo template.


Ver la galería
Pixelpost portada galería apañados


Con todo esto ya podéis ir subiendo fotos a vuestra galería.
Ahora lo ideal es que demos un repaso a todas las opciones que se nos presentan en la consola de administración de Pixelpost que en esta versión viene casi todo en español (los addons vienen en inglés).

Lo primero que haremos será agregar las categorías a las que iremos colocando las diferentes imágenes que subamos. Aquí,  y dependiendo del uso que le deís, es como si estructuraramos las categorías en Joomla! Podemos definirlas por temática, por autor, por lugares, etc. No es importante cometer errores ya que luego se pueden volver a editar para modificar los nombres a nuestro gusto. Abrimos el menú de categorías y nos aparece esta pantalla:

Administración pixelpost añadir categorías

Es el editor de categorías para añadir, cambiar de nombre o borrar la categoría. No tiene más misterio.

Para subir nuevas imágenes abriremos el menú "nueva imagen" :

Administración pixelpost añadir categorías

Pinchamos en "examinar" para subir la imágen que deseemos de nuestro disco duro.

Ponemos el título, las metatags relaccionadas con la imagen (estas tags son importantes pues este template tiene la opción de elegir los álbumes, a parte de por categorías, por los tags que pongamos en cada imagen, lo que nos da aún un mayor control de la presentación de grupos de imágenes), marcamos la casilla de la categoría deseada (en este caso "default" o "prueba"), ponemos un texto descriptivo de la imagen (una explicación de dónde fue tomada, o algún comentario...).
Este apartado de Descripción/texto es importante para un proyecto que tengo de emplear el menú "Nueva imagen" de  Pixelpost para cargar archivos por los usuarios. Ya diré algo cuando lo tenga acabado.

Después vienen varias opciones de la fecha de publicación de cada imagen. Si marcamos "Usar datos EXIF" tomará los datos de la cámara digital con que se ha tomado la instantanea.
En "configuración de comentarios" se puede elegir si el comentario a la foto se publicará inmediatamente, se supervisará por el moderador (administrador) o si se quieren deshabilitar para una determinada imagen, o todas.

El siguiente menú es "imágenes":

Administración pixelpost imágenes

Donde nos aparecen todas las imágenes que tenemos publicadas.
Los primeros botones ofrecen: "Mass select/deselect", seleccionar o deseleccionar masivamente todas las imágenes de la pantalla; "Invertir Selección"; "Borrarlas" ; o "Publicarlas".
Más abajo nos da la opción de editar masivamente las categorías para, por ejemplo, cambiarles, añadirles o borrarles las metatags a un grupo de imágenes de una determinada  categoría.
Al lado de cada miniatura de imágen existe la posibilidad de editarla individualmente, obtener una vista previa o borrarla.
A continuación detalla las propiedades de cada imagen: Título, archivo geneado por pixelpost, tamaño, fecha de inicio de publicación, su categoría y las metatags.

El menú categorías que viene a continuación es el primero que hemos visto.
El menú comentarios nos permite administrar los comentarios hechos a nuestras fotos. Como no tenemos ninguno que administrar, de momento, vamos a hacer uno de prueba. Para ello abrimos nuestra galería en internet, abrimos el formulario para añadir nuevo comentario y escribimos uno:

Administraci?n pixelpost prueba de comentarios

Lo enviamos "Submit Comment"... Veréis que nos sale un mensaje de agradecimiento y un aviso de redirección de nuevo a la foto en la que hemos comentado (En nuestro correo electrónico que hemos puesto para el adminitrador se recibirá un aviso de nuevo comentario).

Si vamos ahora a la administración de pixelpost al menú "comentarios" nos aparece esta pantalla:

Administración pixelpost menú comentarios

Vemos que el comentario nos lo ha bloqueado un Addon antiespam llamado "Defensio" y no se ha publicado inmediatamente como teníamos programado para esta foto.
Para arreglar este pequeño problema vamos al menú de Addons y buscamos hacía el final a "Defensio":

Administración pixelpost addon defensio

Como vemos tenemos dos entradas de "Defensio". Lo primero que podemos hacer es desactivarlo directamente pinchando en ON y pasarlo a OFF, pero como pienso que debemos protegernos del spam vamos a ver cómo se activan todas sus posibilidades pinchando en (info) que nos lleva al sitio oficial del Addon:

Administración pixelpost web-site addon defensio

Parece que es gratis, pero nos hacen registrarnos. Vamos alla... Pinchamos en "Sing Up Now" y en la siguiente pantalla nos pide la URL donde vamos a utilizar "Defensio". La escribimos por ejemplo la de esta web: http://www.xn--apaados-6za.es/galeria   Pondremos la ruta completa hasta nuestra carpeta de pixelpost.
Nos aparece a continuación un formulario donde introducimos nuestro nombre, e-mail y contraseña. Aceptamos las condiciones y pinchamos en "submit"

Administración pixelpost plugin addon defensio

En esta pantalla nos dan una clave con nuestra API key (copiarla y guardarla en el blog de notas) y la descarga de un plug-in. Pinchamos en "Download" y aparece otra pantalla donde en una lista a la derecha tenemos que elegir la aplicación con que utilizaremos "Defensio", pinchamos en PIXELPOST y en la nueva pantalla que nos aparece viene el enlace con la descarga del Plug-in, "Download Defensio for Pixelpos" y las instrucciones para la instalación y configuración, que son estas:

1) Descargar y descomprimir el archivo zip recibido, ( defensio-pixelpost1.7-1.4.zip ). Subimos la carpeta obtenida ("_defensio") mediante ftp a la carpeta "addons" de nuestra galería Pixelpost

2) Vamos al menu "addons" y buscamos "Pixelpost Akismet",  hay dos entradas, y desactivamos las dos pinchado en ON que pasarán a OFF y se situarán al final de la lista de Addons. Askismet y Defensio no son compatibles por lo que tendremos que elgir uno de los dos. (A continuación de esta instalación pondré las instrucciones de Akismet por si queréis probarlo. Yo lo tengo en otras galerías de pixelpost y va bien, pero probemos también este a ver qué tal).

3) Copiar la clave API KEY de "Defensio" obtenida antes en el menú "opciones" apartado "Control de Spam" y hacia la mitad en "Defensio API Key" (tendréis un mensaje en rojo que dice "The key you entered is invalid", pegar la clave debajo del recuadro de este mensaje:

Administración pixelpost settings addon defensio

Hay otro parámetros que podéis elegir a vuestro gusto: Ocultar comentarios con una nota de spaminess mas alta que, borrar comentarios automáticamente cada número de días, elegir el estilo de la imagen del frontpage (dark , light - o ninguno) y dónde alinear la imagen en el formulario, si a la izquierda, a la derecha o al centro.

Pinchamos en actualizar y debemos reiniciar el administrador de Pixelpost para ver los cambios... Lo hacemos, vamos otra vez a "opciones", apartado "Control de spam" y veremos que el cartel rojo se nos ha cambiado a verde:

Defensio API key OK
Para comprobar si funciona vamos otra vez a nuestra galería en internet, refrescamos la página (teclas Ctrl+F5) e introducimos un nuevo comentario y veremos que ya se publica inmediatamente como tenemos indicado. (este antispam funciona en segundo plano con sus bases de datos ya que no sale un código de letras que debamos escribir como en otros).
Para ver nuestras estadísticas de spam y comentarios debemos logearnos en la cuenta que hemos abierto antes de Defensio y mirar allí.

Otro día continúo para terminar el resto de menús.
También veremos como "tocar" el css para cambiar las palabras inglesas de la galería al español.

Os recuerdo las páginas donde podéis ver unos ejemplos de Pixelpost funcionando: Vista al Mar   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-.

AL FINAL DE ESTE SEGUNDO TUTORIAL EXPLICARÉ COMO SE INTEGRA ESTA APLICACIÓN -PicLens- CON PIXELPOST.

Ir al primer Tutorial de instalación de Pixelpost en Español (I)

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