Galería de fotos para Joomla! (y III)

Valoración del Usuario:  / 0

MaloBueno 

Detalles

Categoría: Internet (Tutoriales y trucos)

Publicado el Sábado, 06 Septiembre 2008 02:43

Escrito por Super User

Visitas: 1079

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

Ir al segundo Tutorial de instalación de Pixelpost en Español (II)

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

Instalar y modificar un template

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

Download the latest version from Pixelpost.org


Vamos, primero, en esta última parte, a acabar la sección de control de spam con la otra fórmula que no es "Defensio" , el clásico "Akismet", para que así tengaís dos opciones donde elegir.

Para ello debemos desactivar "Defensio" pues ya sabemos que no son complatibles. Vamos al menú "Addons" y pinchamo en el "ON" de las dos entradas que hay de "Defensio" :

Las dos entradas pasaran a la parte de abajo en amarillo, que es precisamente donde están las dos de "Askimet" que necesitamos para probarlo. Activamos las dos entradas de "Askimet" pinchando en OFF y nos pasarán a verde con el resto de los addons que tenemos activados.

Tenemos que ir ahora a menú "opciones" y "control de spam":

 

Como vemos, en la parte de abajo, nos aparece ahora una entrada que dice "Akismet settings" y nos informa de que hace falta una API key from Wordpress para activar la protección con "Askimet". Si no tenéis cuenta en WordPress pinchar la palabra SING UP en rojo y daros de alta en una (es gratuito). Seguir todos los pasos del registro y cuando tengaís la cuenta activada acceder a la misma y para obtener la API KEY de WordPress ir, a la derecha del panel, a "usuarios" y luego a "Tu perfil". Esta es la pantalla:

Copiaís el c?digo de la API KEY de WordPress y lo pegaís donde hemos visto antes en el recuadro del menú de pixelpost "opciones" y "control de spam".
Si vamos ahora a nuestra galería y hacemos una prueba de comentario veréis que no funciona y voy a ver la forma de arreglarlo.


Descargamos el archivo pinchando en Download (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íaa así: "www/galeria/histograms").
  d) Añade esta línea $lang_histogram = "<h2>Histogram</h2>";
  en el archivo: www/galeria/language/admin-lang-spanish.php
  e) Coloca esta línea <RGBHISTOGRAM> en el fichero /www/galeria/templates/darkmatter/image_template.html
  
  
  
  
  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: (?útima 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:
   

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

• 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

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 déis, 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 categorias y nos aparece esta pantalla:

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" :

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

Ponemos el título, las metatags relaccionadas con la imágen (estas tags son importantes pues este template tiene la opción de elegir los álbunmes, 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":

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:

Ir a la Galeria de prueba

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:

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":

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:

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"

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 menú "addons" y buscamos "Pixelpost Akismet", hay dos entradas, y desactivamos las dos pinchado en ON que pasará o OFF y se situarán al final de la lista de Addons. Askismet y Defensio no son compatibles por lo que tendremos que elegir 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:

Hay otro parámetros que podéis elegir a vuestro gusto: Ocultar comentarios con una nota de spaminess más 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:

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 continuo 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

• < Previo
• Siguiente >