Creación de template Soviet, primera entrega

Como les comenté al “lanzar” el nuevo template del sitio, quieo contar cómo fue el proceso que seguí para llegar desde el original template retromanía hasta el nuevo template soviet.

Para empezar, descargué y estudié un poco los archivos. El css ya tenía un nombre que dokuwiki integra por omisión, así que no tuve que hacer mucho para adaptarlo. Lejos de aprovechar el código fuente del template original, me basé en el resultado HTML que devolvía su vista previa. De esa forma fui reemplazando el código de mi template anterior y adaptando mínimamente el css a los nombres de clases que utiliza dokuwiki. Como fui aprovechando los mismos layers que mostraba el códig de retromanía, también fui utilizando las clases del css que había incuido.

Template soviet

Obviamente todo este trabajo fue realizado con software libre. Para editar texto utilicé vim, y fue de gran utilidad la herramienta firebug, un plugin para navegadores mozilla (o derivados) que permite, entre otras cosas, afectar el css en tiempo real, estudiar el código fácilmente, y distintos tipos de debug.

En particular, es muy útil, sobre todo si no e tiene muy claro el comportamiento de las funciones más avanzadas de css, la funcionalidad que permite desactivar o activar en tiempo real determinada propiedad. De esta manera podemos entender si no el total, al menos el comportamiento directo que provoca dicha propiedad sobre la página que se está mostrando.

Algo importante a tener en cuenta es que no necesariamente el comportamiento de una propiedad de determinada clase del css es el mismo en tods las páginas. Por ejemplo, puede que en alguna ocasión una clase aparezca dentro de otra, con otras propiedades heredadas. Por eso hay que recorrer tods las páginas para ver que todo quede bien.

Una vez terminado este trabajo, faltaba una de las cosas más importantes: el cabezal. Para este trabajo, que decidí realizar desde cero, también utilicé únicamente software libre. Pero eso lo dejo para la segunda entrega.

Hasta ahora sólo sugerí unos pocos tips. Para la parte del cabezal, pienso liberar el arhivo fuente, y explicar capa por capa, paso a paso lo que hice, y qué efecto esperaba lograr con eso.

En breve terminaré unos retoques y el empaquetado, y publicaré el template listo para usar, con instrucciones para modificarlo y archivos fuente de todo lo utilizado. Todo con licencia GPLv2, como indica el template original para wordpress.

Discusión

Ingrese su comentario (se permite sintáxis wiki):
blog/creacion_de_template_soviet_primera_entrega.txt · Última modificación: 2009/10/06 17:41 por dklight · []
Recent changes RSS feed Valid XHTML 1.0 Some Rights Reserved Valid CSS Driven by DokuWiki