Frameworks Template Joomla!

La palabra Framework es un anglicanismo que se utiliza para definir un entorno de trabajo, en este caso, comentare sobre los framework templates joomla!, un entorno de trabajo para crear plantillas Joomla! sea bien joomla 2.5, joomla 3.0 o para la version que esta a punto de caramelo, joomla 3.5. Los frameworks joomla! no son nuevos y llevan bastante tiempo circulando por la comunidad joomla. Algunos framework como el framework Gantry se remodelaron para Joomla a partir del framework 960 Grid System

Desde Joomla 1.5, ya se empleaban. Algunos como el Rumi Framework para Joomla 1.5 se quedaron en el camino, aunque el autor mantiene la web, no se actualizo a Joomla 2.5 y tampoco he visto novedades en su pagina desde hace ya mucho tiempo.

Los frameworks template son de una grandisima utilidad a la hora de crear nuestra propia plantilla joomla! y nos ayudara a entender mejor el funcionamiento del Framework Joomla! o si lo prefieren el CMS (Gestor de contenido) Joomla!, o joomla! a secas.

Apuntare que es muy importante distinguir entre el papel de la plantilla y el papel de los diseños. La plantilla crea un marco estructural para la página del sitio Web. Dentro de este marco tenemos las posiciones de los módulos y un componente para mostrar en el denominado cuerpo, o body en ingles. Lo que realmente se muestra se rige por la disposición o si lo prefieren utilizando el anglicanismo layouts, de los módulos, o la combinación de vista y el diseño en el caso del componente.

Todos los frameworks template joomla, al acceder a la edición de la plantilla, muestran las opciones de las que disponemos para configurar la plantilla y su vista final. Se suelen mostrar con pestañas separadas segun apartado, lo que facilita la configuración.

Los frameworks template joomla suelen incluir varios estilos diferentes en cuanto a colores y otros ajustes que se pueden cambiar accediendo a Extensiones / Gestor de Plantillas y editando la plantilla que incluye el framework o entorno de trabajo. Vean una serie de capturas.

{gallery}framework{/gallery}

En la actualidad, casi todas las empresas que se dedican al diseño y venta de plantillas joomla utilizan su propio framework. Cada una de esas empresas desarrollan su framework para que el usuario final pueda personalizar su plantilla joomla en mayor o menor medida. En general solo es cuestion de leer un poco la documentación para entender el funcionamiento de cada uno de esos frameworks. Al igual que esas mismas empresas, suelen ofrecer los frameworks template joomla! de forma gratuita, aunque algunos son de pago, si lo incluyen en un quickstart, con template y framework de forma gratuita.

Los frameworks template joomla se pueden instalar y adaptar en plantillas que no dispongan de ello. Algunos de forma sencilla como el framework JAT3 de joomlart que incluye una pestaña llamada themes donde podremos instalar un template comprimido en ZIP. Normalmente para instalar el framework template joomla se dispone de dos archivos como libreria y plugin, o template y plugin para opciones varias como:

  • Mejorar los aspectos de menu, con la vista de submenus en varias columnas desde un mismo enlace “Padre” del menu.
  • Disponer de un control de ancho de la plantilla y posiciones dentro del layout de las plantillas.
  • Estilos varios con distintas tipos de fuentes a elegir y colores varios.
  • Seleccion de perfiles de diseño.
  • Ajustes CSS y sufijos de las clases, comunmente Module class suffix.
  • Cambio de sitio de las posciones dentro de la plantilla con acceso directo al codigo para mover el mismo a otra enmarcación de nuestra plantilla.

Entre otras opciones. Aunque lo mas sencillo es instalar el Quickstart (Inicio Rapido) que incluyen todos los desarrolladores de plantillas para la instalación de su Framework template Joomla y partir de esa base para crear nuestra plantilla.

Para Joomla 3.2 y Joomla 2.5 se han mejorado e incluido conceptos tecnologicos como Bootstrap de Twitter y Responsive web design en la mayoria de los frameworks template joomla, de los cuales he dado nota en los ultimos contenidos de Solojoomla y he utilizado para actualizar y mejorar el diseño de Solojoomla.COM y .ORG, cuya función principal es la adaptación a cualquier tipo y tamaño de pantalla, orientando la programación a dispositivos móviles para luego adaptarde a resoluciones de pantalla mas grandes como la de nuetro ordenador, portatil, television, etc…
Para mas información les añado un enlace para no perdeselo y asi vayan aprendiendo y entiendo estos nuevos conceptos tecnologicos y paso seguido ponerlos en practica.

Link Uso del Framework “Twitter Bootstrap” para construir desde cero (Traducido al Español)

 

Frameworks Template Joomla! 2.5 y Joomla! 3.0

 

JA T3 de joomlartJaT3 Gantry framework
Gantry Framework
Meet Gavern de GavickFramework Gavern
YT de SmartAddons
Famework YT
Expose de ThemeXpertExpose Framework Warp6 de YoothemeFrameWork Warp6
Jarvis Wright v3 de JoomlashackFramework Wright YouGrids de YoujoomlaFrameWork YouGrids
Helix 3 de JoomshaperFramework Helix Vertex de Shape5
Framework Vertex
Twitter BootstrapTwitter Bootstrap
  ZooTemplate Demo
ZO2 Framework
 

 

Hay otros como el framework JYAML de Ohloh – HD de Hyde Design para Joomla! pero mas convenientes para programadores. Espero que les sea de utilidad.

Comments

  1. alex99

    Instructivo
    No sabia que hubieran tantos frameworks para joomla! Buena info.

  2. lorena28

    Mostrando el camino
    La labor que aqui realiazis es encomiable. Tambien he visto que en esta actualización habeis quitado los asnuncios de Adsense. No se cuanto cuesta un trabajo asi, pero es de mucho agradecer. Por mi parte, intento en la medida de mis posibilidades, ayudar en el foro. Es a modo de agradecimiento. Muchas gracias chicos.

  3. epale

    Excelente
    Excelente información.
    Una pregunta: ¿Existen VideoTutoriales en español, para aprender hacer plantillas desde cero con estos FrameWorks especialmente con Gantry y Bootstrap?. Si es asi favor indicar los links. Gracias de antemano.

  4. marcolo

    Excelente
    Gracias por la recopilación.

  5. redlo

    Helix II Framework Joomshpaer
    Actualizado enlace a la nueva version de Helix. Framework de joomshaper, con Responsive Web Design.

  6. redlo

    FrameWork Skeleton
    Otro framework template Responsivo > [url=http://themes.cloudhotelier.com/skeleton/]SKELETON[/url]

  7. redlo

    YouGrids Mejorado
    El framework template de YouJoomla ha sido mejorado incluyendo bootstrap entre otras mejoras para moviles. El enlace sigue siendo el mismo.

  8. carfaja

    Solicitud de explicación
    Amigo, perdone, pero entendí poco. Me podría explicar lo siguiente, es que soy novato en joomla 🙂 :
    1. Frameworks template y Framework Joomla son dos cosas diferentes.
    2. Si es así para que es cada uno?
    3. A ver si estoy equivocado, Framework template, sirve para hacer plantillas?

    Por favor explícame eso, ojalá con plastilina… jejeje

  9. lorena28

    Entorno de trabajo es Framework
    [b]Framework[/b] traducido es [b]Entorno de trabajo[/b]. El entorno de trabajo de Joomla con sus api´s, modelo vista controlador extensiones, tiene un entorno de trabajo que es que le da las funcionalidades a joomla como CMS (Gestor de Contenidos en español) generalizando y el entorno de trabajo de las plantillas, framework templates, es el que se hace cargo del aspecto que va a tomar nuestro joomla.
    Mas o menos es asi.

    [quote name=”carfaja”]Amigo, perdone, pero entendí poco. Me podría explicar lo siguiente, es que soy novato en joomla 🙂 :
    1. Frameworks template y Framework Joomla son dos cosas diferentes.
    2. Si es así para que es cada uno?
    3. A ver si estoy equivocado, Framework template, sirve para hacer plantillas?

    Por favor explícame eso, ojalá con plastilina… jejeje[/quote]

  10. alorque

    Frameworks plantillas Foundation
    Pues si que hay entornos de trabajo para joomla. Me han hablado de [url=http://foundation.zurb.com/]FOUNDATION 4[/url].

    He accedido pero no veo la opción Joomla. ¿Saben si hay opción para joomla?

    Saludos

  11. redlo

    Actualización JA T3
    Han [b]actualizado a la version 2.0.1[/b] el Framework de joomlart JA T3 con avances importantes.

    Os incluyo enlace DIRECTO para [url=www.joomlart.com/forums/downloads.php?do=cat&id=519]descarga del NUEVO JA Purity 3[/url] [b]sin pasar por el molesto y ultimamente habitual enlace de las Apps de Twitter o Facebook[/b] . [url=http://joomla-templates.joomlart.com/purity_iii/index.php]DEMO[/url]

  12. redlo

    Framework Joostrap
    Un framework template a tener en cuenta > [url=http://www.joostrap.com/]Joostrap[/url]

  13. plocke

    Joostrap – Bootstrap Specific
    Yes… joostrap.com is definitely one of the up & coming template clubs.
    Built especially for RWD & bloat free, using Bootstrap as the backbone.

  14. robert

    Joostrap..¿De Pago?
    No se si es de pago o no, y llevo tiempo queriendo descargarmelo y tampoco puedo. En mi opinión, esta bien que haya mas de un framework template, pero si son como este, que parecen venderte la moto antes de fabricarla, mejor que se abstengan en hacerle perder el tiempo a la gente.

    [img]http://www.webservicephp.com/joostrap.png[/img]

    [quote name=”redlo”]Un framework template a tener en cuenta > [url=http://www.joostrap.com/]Joostrap[/url][/quote]

  15. redlo

    Nuevo framework añadido
    He añadido el nuevo framework de ZooTemplates.

  16. redlo

    Framework template joomla 3
    Nuevo framework joomla 3 llamado JARVIS añadido. He publicado un articulo sobre el mismo por su sencillez. [url=http://www.solojoomla.com/template-framework-jarvis.html]Framework Jarvis[/url]

  17. redlo

    Framework HELIX 3
    Joomshaper framework version [url=http://www.solojoomla.com/directorio-joomla/templates-joomla/joomla-3/joomshaper-helix-3.html]Helix 3[/url]

  18. luis56

    Frameworks templates joomla juntos
    Buena idea, la de juntar todos los frameworks mas conocidos, y otros no tanto, en una sola pagina. Ademas veo que los actualizais.

    Gracias 😉

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *