drupal, manual

Omega, Tema base para un responsive web design en Drupal (II)

Editando nuevas regiones

Pues antes de editar nada, lo primero es la documentación.  Para ello me sirvió de mucho esta página o estas otras,

que nos muestran el esquema en formato básico y en formato visual de como se conforma ahora mismo la estructura del documento en el tema omega y como configurar y añadir nuevas zonas y regiones. Con esto podremos :

  1. Entender si lo que ya existe es lo que necesitamos
  2. Empezar a añadir regiones si se cumple 1 para poder personalizar nuestro subtheme
A partir que comprendemos la estructura y como funcionan las cosas, manos a la obra.
configuracion del omega
Anuncios
Estándar
drupal, manual

Omega, Tema base para un responsive web design en Drupal (I)

Creando un subtheme

Estamos ahora en el trabajo migrando prácticamente todo a Drupal, así que nos han dado un pelín de formación y ale, ¡A sacarse las castañas!.

Así que me puse manos a la obra. Lo primero, una vez tenemos nuestros wireframes y mockups de lo que queremos hacer, es buscar si ya hay algo que pueda hacer lo que nosotros queremos y que no nos cree mucha “basura” en el código. Lo que sí tenía claro, es que quería utilizar un layout que siguiese la filosofia del responsive web design, una técnica que permite controlar no solo la escalabilidad de la estructura del layout, sino que también nos permite ,mediante media-queries de css3, controlar qué contenidos se van a mostrar y de qué forma a medida que las capacidades de la pantalla del dispositivo van cambiando. Es decir, con un solo layout podremos controlar nuestra interface para cualquier dispositivo, logrando una adaptación realmente potente.

Entonces, y despues de ver algunos frameworks y empezar a plantear “mi propio tema responsive web design” para Drupal, encontré omega.

Como bien Se dice en la web del proyecto, Omega es un Responsive HTML5 Base Theme, con el cual podremos crear subtemas gobernados por su potente core alpha. Como bien leéis en la web de su proyecto, Omega está escrito para HTML5, incorporando el marcado correspondiente en cuanto a maquetación de este lenguaje se refiere.

Vale, ya tenemos un tema base, ¿ Y ahora que ?.

Sigue leyendo

Estándar