7 minutos de lectura ( 1483 palabras)

El uso de un "Framework de Plantilla" para el diseño de su sitio en Joomla!

El uso de un "Framework de Plantilla" para el diseño de su sitio en Joomla!

¿No puedes encontrar una plantilla de Joomla que se adapte a tus necesidades? ¿Te decides a construir tu propia plantilla, pero no sabes por donde empezar? Te documentas con un excelente tutorial para la creación de una, pero eres de los que no le gusta trabajar con códigos, pues un “Framework de Plantilla es justo lo que necesitas”.

Si no estás familiarizado con el término, “Framework de Plantilla” es básicamente un lienzo en blanco, como base para el diseño de su propio tema. Para instalar un Framework de Plantilla es igual, a como si estuviera instalando una plantilla cualquiera, el cual contiene todas las características que necesitas: Posiciones de módulos dinámicos, estilos de menú, los parámetros de plantilla, etc .. Sólo tiene que añadir el diseño visual, que en algunos framework se pueden hacer desde el panel de control de la plantilla en sí. Con solo un conocimiento básico de CSS, usted puede añadir estilos propios a las plantillas creadas a través de estos Framework.
Hay muchos Framework de Plantilla por ahí, cada uno con características únicas. En este artículo voy a mencionar a tres framework muy populares: Gantry, Warp y T3. Estos son gratis para descargar y personalizar, y también son libres de distribuir bajo una licencia GPL. Que sean populares, no quiere decir, que sean los mejores.

Framework Gantry

Gantry es un framework desarrollado por RocketTheme, uno de los clubes de plantillas originales de Joomla. En la actualidad, las plantillas del club están bajo la responsabilidad de Gantry, el cual ha existido desde hace pocos años y recientemente se ha realizado una importante revisión. El nuevo Gantry 4.0 ofrece una completa experiencia adaptativa, a parte de integrar el Framework Twitter Bootstrap, uno de los más populares en la actualidad y responsable del JUI de Joomla! 3.0.
La administración de las plantillas, posee amplias opciones de configuración, dispuesta en un panel de control muy fácil de usar.  Si alguna vez has utilizado una plantilla de RocketTheme, entonces debes estar familiarizado con esta interfaz.

 Características de Gantry

  • 78 posiciones para módulos, seis columnas
  • 10 diseños para las distintas posiciones de los módulos
  • 3 barras laterales
  • Plantilla de compresión de archivos
  • Preajustes de estilo y overrides con asignaciones de página
  • Móvil: Adaptable y con posiciones para módulos personalizados
  • Ancho de Plantilla: Adaptable, fijas 960, fija 1200
  • Construido en el compilador LESS CSS
  • Uso de Twitter Bootstrap
  • Toda la biblioteca de fuentes Google

Si estás construyendo un sitio grande en el cual existen variaciones de diseños en sus páginas, entonces definitivamente eche un vistazo a Gantry. El panel de control repleto de características combinadas con la gran cantidad de posiciones de módulos, hace que cualquier idea que usted pueda pensar sea una posibilidad. Y no hay problema si no quieres tocar ningún código, ya que Gantry viene con unos cuantos estilos pre-construidos que se ven muy bien por su cuenta.  Los estilos pueden ser guardados como preajustes y asignados a diferentes opciones del menú, además, puedes personalizar el aspecto del editor de estilos, o crear uno propio desde cero, con un conocimiento básico de HTML y CSS. RockeTheme también ofrece una variedad de extensiones gratuitas y comerciales que se integran perfectamente con Gantry.
Para más detalles y descarga de Gantry, véalo aquí: RockeTheme: Framework Gantry

Framework Warp

Warp esta desarrollado por el equipo YooTheme. Al igual que Gantry, Warp es el responsable de las plantillas del club. A diferencia de Gantry, el Framework Warp no utiliza Twitter Bootstrap. Con todo lo que se está moviendo en el tema Bootstrap y Joomla, usted puede ver esto como algo negativo, sin embargo, yo lo veo como algo positivo. El Framework Warp tiene años de desarrollo detrás de él, lo cual constituye una base muy sólida, comparado al de Bootstrap. El código base de Warp es extremadamente ligero, y la capa de presentación completa está ubicada en una sola carpeta. Esto significa que sus temas se pueden transferir fácilmente a otros sitios Joomla!, e incluso a WordPress.

 Características de Warp

  • 40 posiciones para módulos, seis columnas
  • 3 diseños para las distintas posiciones de los módulos: Double, Equal, Stack
  • 2 barras laterales
  • Móvil: Adaptable
  • Ancho de Plantilla: Adaptable o Fijo a cualquier tamaño que usted defina
  • Puedes crear estilos personalizados
  • Plantilla de compresión de archivos
  • Búsqueda Ajax personalisada
  • Opciones para compartir en las redes sociales
  • Módulos de menús desplegables

El Framework Warp es un lienzo en blanco, para que usted puede crear su propio diseño, por ende, no viene con amplias variaciones de estilos pre-construidos como Gantry.  Sin embargo, viene con algunas combinaciones de colores predefinidos para textos y títulos, y también un buen conjunto de fuentes de Google para elegir.
Warp es un framework que su funcionamiento es excelente, cuando usted crea sus propios estilos, que es tan simple como crear una nueva carpeta con su archivo css. El nuevo tema aparecerá automáticamente como una opción de estilo en la administración de la plantilla. Puede crear tantos estilos como usted entienda, y siguiendo la arquitectura MVC de Joomla, se puede extender a cada uno de sus estilos, con el sistema personalizado “override” para cualquier contenido o vista de un módulo. Warp también le permite crear perfiles de configuración del tema, que se pueden asignar a los elementos del menú. Utilice esta función para crear diseños diferentes y estilos para cualquiera de las páginas de su sitio.
Warp se integra perfectamente con los componentes libres de YOOtheme, Widgetkit Lite y Zoo. Widgetkit Lite es un conjunto de módulos que incluye rotadores de contenidos adaptables, lightbox, y un módulo feed de twitter. Zoo es un constructor de contenido dinámico que funciona muy bien para blogs y directorios. Por supuesto, usted puede utilizar las extensiones de terceros que usted elija, pero es una buena práctica, usar los componentes desarrollados por las mismas personas que construyeron la plantilla.
Para más detalles y descarga de Warp, véalo aquí:
YOOtheme: Framework Warp

Framework T3

El Framework T3 está disponible de forma gratuita desde el club de plantillas JoomlArt. Como base para su diseño, instale la edición en blanco T3, o utilice la plantilla gratuita Purity. T3 no es un framework  adaptable por defecto, pero tiene un tema realizado para móviles que se puede personalizar en función del dispositivo.

 Características de JAT3, edición en blanco

  • 2 barras laterales
  • Móvil: Tema personalizado
  • 5 sistemas diferentes para el menú principal
  • Fuentes de Google API
  • Crear temas de diferentes colores y diseños
  • Plantilla de compresión de archivos
  • Plantilla para la interfaz de usuario del menú del panel de control

T3 tiene varias opciones de configuración en el panel de control de la plantilla. Es probablemente el framework más intuitivo de los tres mencionados en este artículo, pero dependiendo de su nivel de habilidad, T3 es bastante fácil de personalizar usando html y css básico. Una de las características únicas es el sistema adaptable de bloque. El uso de XML, puede reposicionar los bloques (sectores que sostienen las posiciones de los módulos) y guardarlos como esquemas. Sus diseños personalizados se pueden asignar a perfiles temáticos o dirigidos a dispositivos móviles. Los formatos XML son editables desde el panel de control de la plantilla, donde también se pueden crear otros nuevos.
Para una versión adaptable de T3, verifique la plantilla gratuita de JoomlArt llamada “JA Elastica”, que es su primer tema adaptable de Framework T3.
Para más detalles y descarga de T3, véalo aquí:
JoomlArt : Framework T3

Otros Framework de plantilla que valen la pena mirar son:

Framework Gavern -> De Gavick Pro (Pago)
Framework  Construct -> (Gratuito)
Framework Wright -> JoomlaShack (Gratuito)
JA Wall -> JoomlArt (Pago)
Zengrid
-> Joomla Bamboo (Pago)

Concluyendo

Si bien muchos de estos framework con todos sus extensos paneles de control y docenas de posiciones módulos, no dejes que esas razones sean solamente el factor decisivo para tu sitio ya que es probable que nunca necesite usar todas las posiciones de los módulos que hay disponibles, aparte de que pasarás poco tiempo en el panel de control después de que el sitio esté configurado.
Como última recomendación, sugiero la instalación de uno de los framework gratuitos y emplee unos minutos a explorar sus potencialidades. A continuación, instale otro y realice el mismo procedimiento anterior, para luego, hacer una comparación. Esto no le va a resultar muy difícil, ya que la mayoría de estos framework tienen bien escrita su documentación.
Por otro lado, si usted se aventura y decide crear su propia plantilla desde 0, con el mínimo de código, vea el artículo traducido al español de Hagen Graf: Uso del Framework "Twitter Bootstrap" para construir desde 0, una plantilla adaptable para Joomla
Si ya has probado un Framework de plantilla, entonces a través de este artículo podrá poseer criterios propios y decidir cual es “Su Favorito”.

Artículo Original: Using a Joomla Template Framework to design your site por Scott Greenwald

Traducido por: Carlos Rodríguez

Miembro de: Joomla! Equipo de Marketing y Difusión en Español

0
Guía de Rendimiento simple
Migrar de Joomla! 1.5.X a 2.5.7 (jUpgrade)
 

Comentarios

¿Ya està registrado? Ingresa Aquí
No hay comentarios por el momento. Sé el primero en enviar un comentario.

By accepting you will be accessing a service provided by a third-party external to https://magazine.joomla.org/