Tutorial Pixelpost

Introducción a Pixelpost.

Básicamente podemos decir que Pixelpost es un gestor de una base de datos que vamos a tener instalada en nuestro alojamiento web. De ahí que sea necesario, entre otras cosas, que nuestro servidor disponga de tecnología MySQL, y por nuestra parte deberemos crear esta base de datos antes de empezar a instalar Pixelpost.

Más adelante detallamos los requerimientos necesarios en tu servidor para la instalación. Ahora hagamos una pequeña introducción al programa.

Hoy por hoy, Pixelpost es uno de los CMS (Sistema de gestión de contenidos o Content Management System) de fotoblog más populares en Internet, principalmente debido a su gran versatilidad, su sencillez de instalación y mantenimiento así como por la gran cantidad (en constante aumento) de AddOns y plantillas CSS de que se dispone para personalizarlo y complementarlo a nuestro gusto.

Existen alternativas más sencillas y económicas, como Flickr o Fotolog, pero la intervención del usuario a nivel de personalización y funcionalidades de la página está mucho más restringida, por no decir vetada, con lo que una de las principales inquietudes de todo fotógrafo aficionado o profesional, la dimensión visual, queda totalmente fuera de nuestro control.

También existe la posibilidad de crear tu fotoblog con Wordpress en caso que tengas una bitácora y quieras transformarla, pero el proceso es bastante más complicado que con Pixelpost, no olvidemos que Pixelpost es un software específicamente diseñado para ser eso, un fotoblog, lo cual simplifica enormemente su instalación y mantenimiento con respecto a otros programas y scripts.

Si lo que buscas es tener un fotoblog que de verdad responda a tu estilo y cuyas funciones sean las que de verdad necesitas a nivel de usuario y administrador, sin dejar de lado la sencillez de manejo y mantenimiento, entonces Pixelpost es lo que estás buscando.

INSTALACIÓN

Requisitos del servidor:

Antes de empezar debemos estar seguros de que nuestro servidor web cumple con los siguientes requisitos:

• Apache web server o Windows IIS.
• PHP versión 4.3.0 o superior.
• PHP con GD-lib (compilada con soporte para jpg) para generar los thumbnails.
• Soporte para MySQL version 3.24.58 o superior
• Una base de datos MySQL operativa. Si no la tienes deberás crearla o bien solicitar a tu proveedor de hospedaje que te cree una.
• Si no lo hemos hecho ya, debemos dar de alta un dominio que a partir de ahora será la dirección (www.tudominiocomoquieras.loquesea) que tendrá nuestro fotoblog.

No debemos dejarnos impresionar por estos requerimientos, aunque en principio pueda parecer algo fuera de lo normal, en realidad no va más allá de lo que cualquier proveedor de servicios de hospedaje nos ofrece con un paquete básico/medio, cuyo coste no debe exceder de los 3 ó 4 euros mensuales.

Descarga y estructura de archivos.

Podemos descargar gratuitamente la última version de Pixelpost desde su página web o bien directamente desde aquí. Con esto habremos descargado la versión 1.7.1 del programa, que a fecha de edición del presente tutorial es la que consta como más reciente en la web de Pixelpost. Por este motivo este documento muestra las instrucciones para instalar y gestionar esta versión en concreto.

Guardaremos el archivo zip en nuestro disco duro y lo descomprimiremos en una carpeta.

La estructura de esta carpeta debería ser algo así:

Es conveniente examinar las carpetas y archivos para estar familiarizados con ellos una vez estén en nuestro servidor, de este modo sabremos en todo momento donde se encuentran los archivos importantes de nuestro fotoblog:

Carpeta	Contenido
Addons	Archivos de funcionalidades extra para Pixelpost.
Admin	Archivos de configuración.
Doc	Archivos de documentación acerca de Pixelpost.
Images	Aquí se almacenarán las imágenes que subamos.
Includes	El ‘motor’ de Pixelpost.
Language	Archivos que contienen los diferentes idiomas de Pixelpost.
Templates	Aquí subiremos las plantillas para personalizar nuestro fotoblog.
Thumbnails	Aquí se almacenarán las miniaturas de las imágenes que subamos.

En cualquier caso, más adelante comentaremos más en profundidad los pormenores de las carpetas y archivos que necesitamos “alterar” y manejar para personalizar y mantener nuestro fotoblog basado en Pixelpost.

SUBIR LOS ARCHIVOS DE PIXELPOST AL HOSTING

Edición de ‘pixelpost.php’.

Antes de empezar a subir los archivos a nuestro alojamiento deberemos modificar el archivo ‘pixelpost-sample.php’ que encontraremos en la carpeta ‘includes’.

Lo primero es renombrar el archivo como ’pixelpost.php’, ya que el archivo original es un ejemplo que viene por defecto con Pixelpost.

Antes de pasar al siguiente punto debemos tener conocimiento de algunos datos referentes a la base de datos MySQL que debemos tener en nuestro host, y son los siguientes:

• Nombre del Host de la base de datos (casi siempre “localhost”).
• Nombre de usuario/administrador que has definido en la base de datos.
• Contraseña para ese usuario/administrador.
• Nombre de la base de datos.

Una vez tenemos estos datos editamos el archivo pixelpost.php (antes pixelpost-sample.php) con cualquier editor de texto (notepad, wordpad, Word, UltraEdit) y modificamos los datos del siguiente modo:

Buscaremos estas líneas:

$pixelpost_db_host     = “replace_me”; // database host, often “localhost”

$pixelpost_db_user     = “replace_me”; // database user

$pixelpost_db_pass      = “replace_me”; // database user password

$pixelpost_db_pixelpost = “replace_me”; // database

$pixelpost_db_prefix = “pixelpost_”; // table prefix, leave as is unless you want to   install multiple blogs on the same database?>

Reemplazaremos los valores donde aparece “replace_me” por los datos que hemos mencionado anteriormente, debería quedar algo así:

$pixelpost_db_host      = “localhost“; // database host, often “localhost”

$pixelpost_db_user      = “usuario“; // database user

$pixelpost_db_pass       = “contraseña“; // database user password

$pixelpost_db_pixelpost = “nombre_de_la_base_de_datos“; // database

$pixelpost_db_prefix = “pixelpost_”; // table prefix, leave as is unless you want to   install multiple blogs on the same database?>

La última variable (pixelpost_) sólo deberá ser cambiada en caso de que instalemos más de un fotoblog en la misma base de datos.

Una vez modificado el archivo con estos datos lo guardamos con el mismo nombre, sobrescribiendo el original.

Ahora ya estamos preparados para subir Pixelpost a nuestro flamante servidor web. Para ello podemos utilizar algún cliente FTP gratuito como por ejemplo Filezilla, o bien utilizar el ‘file manager’ del panel de control de nuestro hosting.

Una vez hayamos terminado de subir todos los archivos y carpetas, y después de verificar que nuestro agente FTP no nos alerta de ninguna transferencia fallida o cualquier otro error, vamos a finalizar la instalación, para ello deberemos entrar a esta dirección a través de nuestro navegador web:

http://www.tu_sitio.com/admin/install.php

A partir de aquí tan sólo deberemos seguir las instrucciones que nos van saliendo en pantalla. Se nos solicitarán varios datos, pero casi todos ellos sin una relevancia suficiente como para hacer mención de ellos, los datos que se nos pedirán de la base de datos son los mismos que hemos escrito antes en el archivo pixelpost.php, la instalación los utiliza ahora para testear la disponibilidad de la base de datos y su funcionalidad.

Básicamente los únicos datos nuevos que deberemos introducir serán un nombre de usuario y una contraseña para acceder en lo sucesivo al panel de administración de nuestro Fotoblog, desde donde subiremos nuestras fotos, personalizaremos el aspecto y diseño, o mantendremos los addons y complementos del programa.

Si todo ha ido bien deberíamos estar viendo una pantalla como esta:

La instalación finalizará con una pantalla más que nos informará de todas las funcionalidades de que disponemos tras todo el proceso, buscaremos el botón ‘Finish’ en la parte inferior de la pantalla, con lo que la instalación quedará concluida.

La siguiente pantalla va a ser la que vamos a ver siempre que accedamos al panel de administración, lo que conseguiremos escribiendo en la barra de direcciones de tu navegador una dirección con una estructura así:

http://www.tu_sitio.com/admin/index.php

En los campos ‘Usuario’ y ‘Clave’ introduciremos los datos de usuario y contraseña que hayamos definido durante la instalación, con esto entraremos en las opciones de configuración.

Ahora nos encontramos en la pantalla principal de nuestro panel de administración, donde deberemos empezar a configurar las principales características globales de Pixelpost para empezar a trabajar con nuestro fotoblog.

MENÚ OPCIONES

Lo primero que debemos hacer para empezar a configurar Pixelpost en nuestro espacio web es entrar en el menú ‘OPCIONES’ donde se nos enviará directamente al menú ‘GENERAL’. Pero en el centro de la pantalla podemos ver los 4 submenús de que disponemos dentro de ‘OPCIONES’:

Empecemos por el submenú ‘GENERAL’:

Título y URL

Aquí definiremos, en primer lugar, como se va a llamar la web, es decir, el nombre que va a aparecer en la página principal de la web cuando accedamos a ella (por lo general aquí se pone el nombre del fotógrafo), para ello empleamos el campo ‘Título’.

En el campo ‘Sub Título’ podemos introducir desde una pequeña descripción de nuestro trabajo hasta un pequeño retazo de la filosofía que nos inspira a hacer fotografía, esto va a gusto del consumidor.

El campo ‘URL’ es para que escribamos la dirección de nuestra página tal cual lo haríamos en un navegador web. Es importante escribirlo correctamente, ya que parte del funcionamiento interno de Pixelpost utiliza lo que escribamos aquí como valor de una variable de PHP, por lo que un error aquí puede ocasionar problemas después.

Usuario & Clave

Es obvio que lo que podemos modificar en estos campos son los valores que durante la instalación hemos definido para nuestros datos personales de acceso al panel de administración.

Archivo de Lenguaje

Como es de imaginar, en este apartado vamos a definir qué idioma se va a utilizar por defecto en el fotoblog. Podemos configurar un idioma principal y otro secundario, de modo que los navegadores que accedan configurados en ese idioma, presentarán la web en su lenguaje nativo (altamente recomendable poner english en este campo por razones obvias).

Archivo de Lenguaje del Panel de Control

Para configurar el idioma en que nos comunicaremos con nuestro Pixelpost desde el panel de administración.

eMail

Aquí pondremos el buzón de correo con el que queramos que Pixelpost se ponga en contacto con nosotros.

Ruta de Imágenes y Miniaturas

Estos campos nos salen predefinidos, y a no ser que tengamos alguna poderosa razón para hacerlo, no es necesario modificarlo.

Zona Horaria

Opción para que en la base de datos quede registrada la hora de nuestra ubicación, independientemente de la ubicación física de nuestra página web.

Ajustes Generales para Comentarios

En este apartado definiremos como queremos que se publiquen los comentarios que los visitantes del fotoblog escriban acerca de nuestros trabajos. Podremos ordenar que los comentarios se publiquen inmediatamente, enviarlos a la cola de moderación, pendientes de nuestra aprobación personal antes de ser publicados o bien podemos deshabilitar la posibilidad de escribir comentarios en nuestra web.

Notificar Comentarios por eMail

Desde aquí dejaremos establecida la opción de que Pixelpost nos envíe un email cada vez que se escriba un comentario nuevo en nuestro fotoblog.

Marca de Fecha/Hora

Habilitando esta opción evitaremos sobrescribir fotografías que subamos accidentalmente con el mismo que otra imagen anterior añadiendo una marca que las diferenciará por fecha y hora.

Libro de Visitas

Habilitando ‘Si’ permitiremos que los usuarios que entren en nuestro fotoblog  escriban sus datos para dejar sus comentarios sean recordados para futuras visitas.

Habilitar Markdown

Pixelpost viene con esta herramienta integrada de modo que podemos utilizarla para dar formato automáticamente al texto que escribamos para describir nuestras fotografías.

Habilitar EXIF

Nos permite escoger entre mostrar o no los datos EXIF de nuestras fotografías en los detalles de la imagen en la página web de nuestro fotoblog.

Opciones de suscripción RSS/ATOM

Aquí podremos definir algunos aspectos de miscelánea del RSS Feed que configuremos para nuestro fotoblog.

Orden Para Mostrar las Imágenes

Podemos escoger entre mostrar las imágenes ordenadas por Fecha de publicación, por el Título o bien por el Texto de la descripción. Una vez escogido el criterio podemos elegir si queremos que el orden sea ascendente o descendente.

Submenú ‘PLANTILLA’:

Al igual que en Wordpress, en Pixelpost disponemos de la posibilidad de personalizar el aspecto de la web a nuestro gusto. Para ello podemos recurrir a la gran variedad de plantillas predefinidas que hay en el sitio oficial.

En caso que alguna de ellas (cosa bastante probable) se ajuste a nuestro gusto y necesidades no tenemos más que seguir las instrucciones que cada desarrollador expone en la descripción de su plantilla, como se puede ver, por ejemplo, en el apartado ‘Developer Description’ de esta plantilla.

Asimismo, la mayoría de los desarrolladores de plantillas CSS para Pixelpost ofrecen la posibilidad de visitar algún sitio web donde se puede ver la plantilla en cuestión en funcionamiento, esto nos dará una visión mucho más acertada de cómo podría quedar nuestro fotoblog una vez instalada.

Dada la gran variedad de plantillas disponibles, con diferentes posibilidades y funcionalidades, no se perfila como algo “humano” escribir una explicación de cómo instalar cada una de ellas, lo mejor es buscar la que más nos guste visualmente y leer las especificaciones y las instrucciones de instalación. Pero vaya por delante que como denominador común, todas las plantillas están compuestas de una carpeta que deberá subirse a la ruta /templates/ de nuestro servidor.

Ocasionalmente, y siempre siguiendo las instrucciones del desarrollador, necesitaremos subir algún otro archivo a la carpeta /addons/ y activar el uso de esta plantilla desde aquí como si fuera un complemento funcional, esto lo veremos más adelante.

Un vez subida la carpeta con los archivos de la plantilla, deberemos indicarle a Pixelpost que la utilice, para ello entraremos en nuestro panel de administración del modo ya indicado anteriormente (http://www.tu_sitio.com/admin/index.php) y entraremos en la pestaña ‘Opciones’ ( 1º ).

Una vez aquí, buscaremos la opción ‘PLANTILLA’ ( 2º ) en el submenú de la línea inferior, y la primera opción que nos aparece es la de ‘CAMBIAR PLANTILLA’ ( 3º ), donde desplegaremos la cortinilla en la que por defecto nos aparece la opción ‘simple’, que es la plantilla que trae por defecto Pixelpost.

Al desplegar nos debería aparecer la plantilla nueva que hayamos subido, la seleccionaremos de modo que quede activa y después pincharemos sobre el botón ‘ACTUALIZAR’.

Si la plantilla no tiene algún otro requisito, con esto debería quedar activada y el aspecto de nuestro fotoblog debería haber cambiado. Compruébalo entrando a la página principal de tu web

Las otras opciones que aparecen en esta pantalla no son de especial relevancia, si te apetece puedes trastear con ellas, pero si las dejas tal cual no se verá afectado en gran medida el aspecto de tu fotoblog.

Subiendo un escaloncito en el nivel del usuario cabe destacar que la plantilla que hayamos instalado la podremos personalizar un poco más a nuestro estilo editando los archivos CSS que podremos encontrar dentro de la carpeta que hemos subido, generalmente en una subcarpeta llamada ‘styles’ o ‘css’. Aunque imagino que si sabes editar un archivo CSS no es necesario que te indique como encontrar estos archivos :-).

Submenú ‘MINIATURAS’

Aquí definiremos los aspectos relativos a cómo se mostrarán las miniaturas de nuestras imágenes en el fotoblog mediante 5 parámetros que vemos a continuación.

Fila de Miniaturas

Siempre escogiendo un número impar, en este campo estableceremos el número de miniaturas que se mostrarán en la página principal del fotoblog.

¿Recortar Miniaturas?

Podemos establecer la opción de mantener siempre la proporción de la imagen original o bien recortarlas en función del tamaño de las miniaturas que definiremos más adelante. También podemos escoger la opción 12Cropimage que nos permitirá recortar manualmente las miniaturas de cada una de las imágenes que subamos.

Tamaño de las Miniaturas

Parámetro que recoge las dimensiones que escogeremos para nuestras miniaturas, el principal condicionante para estas medidas será el diseño y distribución de los elementos en pantalla en la página principal.

Compresión de las Miniaturas

Como su nombre indica, esta opción nos permite configurar el nivel de compresión de los archivos de las miniaturas. Por debajo de un 60% se empieza a notar pixelado.

Suavizado de Miniatura

Esta opción nos permite escoger lo suavizados que se presentarán los bordes de las miniaturas en la página.

Submenú ‘CONTROL DE SPAM’

En esta sección configuraremos el modo en que nuestro fotoblog gestionará los comentarios y accesos no deseados.

Lo primero que vemos son tres campos, dos de ellos vacíos, en ellos podremos poner, y en este orden, en primer lugar los usuarios/palabras/IPs cuyos comentarios queramos que siempre sean moderados por nosotros antes de ser publicados, independientemente de cómo estén configurados los comentarios en general, este campo es el llamado ‘Lista de Moderación’.

En segundo lugar tenemos la ‘Lista Negra’ donde podremos escribir los usuarios/palabras/IPs que queramos que sean borrados sin llegar a ser publicados.

Y por último tenemos la ‘Lista de Remitentes Prohibidos’, listado de usuarios/palabras/IPs que a nuestro deseo o necesidad van a tener vetado el acceso a nuestra web. Para que este mecanismo funcione deberemos incrustar unas líneas de código en el archivo .htacces.

Cuando añadamos cualquier palabra nueva a una de las tres listas, deberemos pinchar el botón ‘Actualizar lista de prohibidos’ para que las nuevas directivas entren en vigor inmediatamente.

Habilitar Fichas en Formularios

Esta opción activada evitará que nuestro sitio web sea hackeado por un acceso extraño que se haga pasar por un usuario habitual o uno que no esté en las listas de prohibidos. El inconveniente es que debe ser cuidadosamente instalado y mantenido, ya que de no hacerlo correctamente podría darse el caso de que algún usuario de tu web no pueda dejar comentarios, o peor aún, que sufra un error cada vez que intente acceder a tu página.

Para instalarlo deberemos añadir una etiqueta como esta <TOKEN> en el código html que constituye la plantilla de los comentarios, concretamente entre las etiquetas <form>   </form> que podremos encontrar en el archivo html de la página principal.

Prevención AntiSpam

Con esta opción indicaremos a Pixelpost cuánto tiempo deberá pasar para que un mismo usuario deje un segundo comentario, de este modo evitamos el bombardeo de spam.

Número Máximo de URI’s

Con esta opción delimitamos a un número específico la cantidad de links que pueden aparecer en un comentario, por defecto viene marcado a 0.

Hay programas que complementan estas medidas genéricas de Pixelpost para combatir el spam, por lo general se instalarán y activarán de igual modo que cualquier otro AddOn. Algunos de estos programas (los más utilizados) son Akismet o Defensio.

Cuando hayamos terminado de configurar las opciones, deberemos reiniciar Pixelpost pinchando en ‘TERMINAR’ al final del menú.

MENÚ ADDONS

En esta sección habilitaremos todos los plugins o addons que vayamos añadiendo a nuestro Pixelpost. Por defecto, Pixelpost viene con algunos AddOns incluidos, pero que deberemos activar desde el menú AddOns para que sean operativos.

Como se ve en la imagen, los AddOns instalados se muestran en una lista que nos muestra el nombre del plugin, la versión del software y un indicador de su status que nos indica si el AddOn está activado.

Para activar cada uno de ellos no debemos hacer más que pinchar sobre el OFF que aparece al final de la línea de cada AddOn. Con esto el AddOn quedará activado, y nos mostrará algo así:

En función de las características de cada plugin deberemos configurar algunos aspectos del software una vez activado, bien en la misma línea que se nos descubre después de activarlo o bien en algún otro menú que se nos indicará en las instrucciones del AddOn.

Para añadir nuevos AddOns podemos ver los que se van publicando en la web oficial de AddOns de Pixelpost.

Después de activar y/o configurar un nuevo AddOn es conveniente reiniciar Pixelpost haciendo click en ‘TERMINAR’ de modo que los cambios se hagan efectivos.

EMPEZANDO A SUBIR IMÁGENES A NUESTRO FOTOBLOG

Definir Categorías.

Antes de empezar a subir imágenes es conveniente que definamos categorías. Las categorías van a servir después para clasificar nuestras fotografías en la base de datos y tenerlas más accesibles a futuras búsquedas o para mostrarlas en el blog de un modo agrupado y organizado.

Pixelpost viene con sólo una categoría llamada ‘default’ definida por defecto, debemos reparar en eliminar este elemento cuando hayamos definido las nuestras.

Las podemos crear en el menú ‘CATEGORÍAS’, al que accederemos directamente desde la pantalla principal del panel de administración.

El primer campo nos permite agregar una nueva categoría a nuestro catálogo de imágenes, podremos nombrarlas como nos apetezca y crear tantas como queramos, aunque excedernos en cantidad puede resultar engorroso, además por otro lado contamos con las “Tags” o  etiquetas, que veremos más adelante..

El segundo campo es para que introduzcamos el nombre de la categoría que estamos creando en el idioma alternativo.

La siguiente opción nos permitirá editar o modificar alguna de las categorías existentes.

Y por último, el desplegable que aparece con la leyenda ‘Borrar Categoría’ no creo que sea necesario explicar cuál es su cometido.

Por último, y al igual que en el resto de menús, haremos click en ‘TERMINAR’ para reiniciar Pixelpost y que nuestros cambios cobren efecto.

Subiendo imágenes a nuestro fotoblog

Es conveniente que redimensionemos nuestras fotografías antes de empezar a subirlas a nuestra web, deberemos tener en cuenta los mismos condicionantes que tendríamos para crear otro tipo de web: Como lo va a ver el resto del mundo. Por ello no deberemos excedernos en las dimensiones de las imágenes, siendo recomendable que no pasen de 800×600 píxeles, pero debo decir que quizá el tamaño más “estándar” sería de 720×576 píxeles.

Para empezar a compartir nuestras flamantes imágenes con el resto del mundo deberemos acceder al panel de administración, introduciendo el usuario y la contraseña que se nos solicitó durante la instalación. Una vez dentro, la primera pantalla que nos aparece es la de ‘Nueva Imagen’.

Para añadir nuestras fotos pincharemos en el botón ‘Examinar’, esto nos abrirá la típica ventana de exploración para que busquemos las imágenes en nuestro disco duro.

Una vez localizado el archivo con la imagen que deseamos subir, pinchamos en ‘Abrir’, esto nos debe dejar escrita la ruta de acceso al archivo en el campo ‘Imagen’.

Lo siguiente que deberemos hacer es “bautizar” nuestra fotografía, poniéndole un nombre a nuestro gusto, esto lo haremos escribiéndolo en el campo ‘Título’.

El siguiente campo es el denominado ‘Etiquetas’ donde escribiremos los “Tags” que estimemos oportunos para clasificar y catalogar nuestra fotografía. El objeto de las etiquetas o “Tags” es muy parecido al de las categorías, con la peculiaridad de que pueden ser mucho menos genéricas y creadas masivamente sin ningún tipo de problema.

El campo siguiente, ‘Descripción / texto’ no otorga la posibilidad de agregar una pequeña introducción a la fotografía que estamos subiendo.

‘Fecha y Hora’. Aquí podremos escoger cuando queremos que la fotografía sea publicada. Inmediatamente, a una fecha y hora programada, 24 horas después de la última publicación o también podemos hacer que la imagen se publique con la fecha y hora contenidos en los datos EXIF de la fotografía.

Configuración de comentarios

Aquí podremos configurar el comportamiento de los comentarios para cada imagen que subamos, independientemente de cómo este definido el aspecto de los comentarios en la opciones generales.

Título y Descripción en Idioma Secundario

Aquí deberemos introducir los mismos datos que en los campos anteriores Título y Descripción en el idioma alternativo que hayamos escogido para nuestro fotoblog.

Finalmente haremos click en el botón ‘Subir’, con lo que nuestra imagen será mostrada en nuestro flamante fotoblog con todo el esplendor que merece todo el trabajo que hemos hecho hasta ahora.

Si tienes cualquier sugerencia para añadir a este tutorial, dudas, etc.. deja tus comentarios.