Lo nuevo en Omega 4.x

June 18, 2021

Share

Table of contents

Quick Access

La versión sucesora de Omega 3.x ya [se encuentra disponible](https://drupal.org/project/omega/ "Omega") en la página oficial de Drupal y en esta entrada se comentará a modo compacto datos relevantes acerca de los cambios implementados en esta nueva versión Omega 4.x, comparada con su antecesora. Omega forma parte de un grupo extenso de temas en Drupal que modifican la apariencia de un sitio web. Estos temas pueden ser configurados ya sea a través de una interfaz gráfica o a través de código. Omega, más que un tema es un framework que ofrece funcionalidad, robustez, flexibilidad y escalabilidad. Un factor que quizás ha convertido a Omega en uno de los temas más famosos y preferidos ha sido su sencillez para usuarios no técnicos. Ya que en versiones anteriores a la 4.x se tiene un completo set de herramientas gráficas que permiten configurar layouts, elementos responsivos, regiones entre otros. Sin embargo no ofrecen un completo control sobre el toma en si acotando al usuario más avanzado modificar la apariencia del sitio web a su gusto o dependiendo de las necesidades. Omega 4.x ofrece nuevas implementaciones que brindan a un developer avanzado opciones que antes se tenían que habilitar manualmente. A diferencia de Omega 3.x, se brinda un enfoque directo a usuarios que estén más experimentados con Drupal y el uso de herramientas populares como SASS, Compass, LiveReload y Guard junto con Grunt y Bundler que permiten automatizar tareas comunes. Presento algunos cambios relevantes que se han implementado. ###Sistemas de grids Antes en Omega 3.x asignar un sistema de grid diferente al de 960 era casi imposible debido como estaba estructurado. Omega 3.x era un tema heredado de Alpha que contenía el sistema de grid por defecto. Ahora en Omega 4.x es posible definir tu propio sistema de grid o bien utilizar frameworks como [Singularity](http://singularity.gs/ "Singularity") Singularity o [Sussy](http://susy.oddbird.net/ "Sussy"). Con este nuevo cambio ya no es necesario utilizar media queries para trabajar con sitios responsivos eliminando código no necesario en la base de datos. ###Layouts Con respecto a Omega 3.x, se ha eliminado por completo la configuración de las zonas y regiones través de la interfaz gráfica. En Omega 4.x ahora se hace introducción al manejo de layouts en vez del panel de zonas/regiones. Los layouts integran principalmente dos archivos, el primero con extensión .inc y el segundo con .tpl.php. Los archivos con extensión .inc son similares a los archivos .info encontrados en un tema básico de Drupal y es allí donde se declaran las regiones que van a estar habilitadas en el layout. ###Integración con SASS + SMACSS [SASS](http://sass-lang.com/ "SASS") es un preprocesador que permite el fácil manejo y escritura de CSS. En Omega 4.x ahora se tiene soporte a SASS de manera nativa, esto quiere decir que no se necesita crear un proyecto sass en la carpeta del tema manualmente, sino que mientras se crea un subtema, puedes seleccionar integración con SASS. Esto creará una carpeta llamada sass en el subtema con archivos estructurados en base al paradigma [SMACSS](http://smacss.com/ "SMACSS") que no es más que una forma elegante a seguir de cómo se puede organizar el contenido CSS. Aunque en Omega 4.x brinda esta integración a manera optativa, hacer uso de estos recursos siempre es una buena práctica. ###Aplicaciones para desarrollo: LiveReload [LiveReload](http://livereload.com/ "Live Reload") es una herramienta encargada de mostrar los cambios en el código css casi instantáneamente. He aquí su ventaja cuando se trabaja con preprocesadores como SASS ya que antes era imprescindible refrescar el explorador cada vez que se había hecho un cambio al código CSS. Ahora con LiveReload esto ya no es necesario ya que el explorador se actualiza automáticamente cada vez que haya una modificación en el código css mejorando así el tiempo empleado en desarrollo. ###Integración con drush Drush es una herramienta popularmente empleada para el manejo de módulos y temas en Drupal. A través de drush, Omega 4.x ofrece una serie de comandos que facilitan la exportación y configuración del tema. Uno de los más importantes a resaltar es el comando omega-wizard, donde encontrarás un completo asistente que te guiará para generar un subtema. Sin duda Omega 4.x ha dado un cambio drástico en cuanto a su manejo de configuración llevándolo a un nivel más avanzado. Con Omega 4.x tenemos total control sobre los breakpoints y los media queries que necesitemos sin tener que usar los que trae por defecto el tema. Las herramientas que trae consigo son de gran ayuda y nos ahorran bastante tiempo ya sea para escribir y mantener estilos o [generar sprites con un par de comandos]. La flexibilidad que brinda Omega 4.x pesa mucho más que haber perdido la capacidad de hacer cambios desde la interfaz gráfica. ¿Cómo ha sido su experiencia hasta ahora con Omega 4.x?