Cambio rápido de apariencia de Plone

Este documento está dedicado a los principiantes en Plone que no saben por donde empezar para cambiar la apariencia del portal.

En primer lugar indicar que la apariencia en plone se llama "skin". Os podéis bajar algunos de las páginas de plone. Incluso yo tengo uno aquí con el que estoy haciendo pruebas (ArtSkinks). Para ello hay que saber como añadir productos a Plone.

Si el lector de este documento todavía no sabe instalar productos no hay problema, los cambios propuestos son mínimos, de hecho, se alterará el "skin" que tengamos instalado desde el propio navegador.

El primer paso es entrar en el ZMI (es decir en Zope), dentro del portal hay que buscar la carpeta portal_skins (tiene el icono ). Este objeto es una carpeta con propiedades donde están todas las plantillas que controlan el aspecto de Plone y el funcionamiento. Tiene la propiedad que permite personalizar cualquiera de los objetos contenidos.

Para personalizar un objeto, sólo hay que entrar en una de las carpetas abrirlo y como se muestra en la figura 1, aparece un botón "customize". Tras pulsar este botón se crea una copia del objeto en la carpeta "/portal_skins/custom", donde se pueden realizar los cambios que se deseen sin miedo, puesto que, el objeto original queda inalterado.

Si deja de funcionar algo en Plone tras personalizar un objeto en "custom" sólo hay que borrarlo y vuelve a funcionar el original.

¿Como cambiar rápidamente la apariencia de Plone?

Pues como indico en la figura 1, el objeto que debemos buscar es "base_properties" (dirección completa "plone_skins/plone_styles/base_properties"). Al pulsar el botón "Customize" podemos cambiar las propiedades. Para cambiarles hay que entrar en la pestaña "Properties" del nuevo objeto con el nombre "base_properties" que ha aparecido en "/plone_skins/custom" (ver figura 2).

Cada una de estas propiedades está relacionada con el aspecto de Plone. Algunas son evidentes, por ejemplo el logotipo.

NOTA: Como se ve en la figura 2, la primera propiedad es "DEPRECATED", por ello, puede que en posteriores versiones desaparezca.

Ejemplo: ¿Como cambiar el logotipo?

Pues se puede ver que la primera propiedad es precisamente el archivo que contiene el logo "logoName" con el valor "logo.png" y, hay dos opciones para cambiarlo:

1. Crear en la carpeta "/plone_skins/custom" un objeto imagen con el nombre "logo.png" y subir la nueva imagen. Esta solución simple os dará problemas en algunos navegadores, tras recargar la página sigue apareciendo el logo de plone. Solución: Vaciar el caché completo del navegador desde las opciones (depende del que useis)
2. Segunda menos problemática, cambiar el nombre de la imagen de logo, por ejemplo: logotipo.jpg. Para que funcione tenemos que hacer los mismo que en el caso anterior, subir una imagen llamada "logotipo.jpg" en la carpeta "custom"

¿Que son el resto de propiedades?

Pues son fáciles de probar, sólo hay que ir cambiando los colores y los tipos de letra. Pensaba hacer una tabla explicándolas pero por hoy se ha terminado mi tiempo de dedicación al blog. En otra versión termino este documento solo algunas recomendaciones:

Recomendaciones

1. No fijar los tamaños de letras en pixels (ejemplo "10px"). Por accesibilidad no es recomendable.
2. Para el resto de propiedades (por ejemplo las columnas) fijáos como siempre se utilizan porcentajes o "em". No uséis pixels, si el usuario o el navegador utiliza otro tamaño de fuente el aspecto se fastidia. Además ¡Internet es de todos, debe prevalecer la navegabilidad a la apariencia!