plantilla joomla

Hace ya tiempo en Ayuda Joomla os hablábamos de Artisteer, un generador de plantillas para Joomla que podíais instalar en vuestro ordenador. Ultimamente están muy de moda las aplicaciones web y todo el mundillo que gira alrededor de Joomla sigue las últimas tendencias.

El sitio web template-bulider.com ofrece un servicio online gratuito de creación de plantillas para Joomla. Es bastante sencillo de manejar y cuenta con una interfaz wysisyg, por lo que no requiere de conocimientos sobre programación ni css para poder utilizarlo. Una vez tengáis creadas vuestra plantilla la aplicación generará el archivo zip con el formato adecuado para que pueda ser interpretado por el instalador de plantillas de Joomla.

Evidentemente la calidad de estas plantillas no es equiparable a las plantillas comerciales que ofrecen muchos desarrolladores, pero sin duda es una interesante herramienta que usada con un poco de imaginación y creatividad os permitirá hacer atractivos diseños.

Template Builder

Enlace | Template Builder

Vía | Joomla France

 

Estoy seguro que muchos de los Joomleros que nos visitan tienen un jugón dentro, pero no todos los jugones tienen porque saber diseñar plantillas para Joomla!

Por ese motivo os presentamos una recopilación de plantillas joomla para web de videojuegos que pueden resultar ideales para montar el sitio web de un clan, una comunidad de usuarios,  un portal dedicado a dar consejos y trucos o una página de fans de algún videojuego espécifico.

Plantilla Joomla para Medal of Honor

plantilla medal of honor joomla

Enlace | Descargar plantilla Joomla Medal of Honor

Plantilla Joomla para World of Warcraft (WOW)

Plantilla Joomla World of Warcraft WOW

Enlace | Descargar plantilla Joomla World of Warcraft (WOW)

Plantilla Joomla para Star Craft II

Plantilla Joomla Star Craft II

Enlace | Descargar plantilla Joomla Star Craft II

Plantilla Joomla para Call of Duty

Plantilla Joomla para Call of Duty

Enlace | Descargar plantilla Joomla Call of duty

Plantilla Joomla para Battlefield

Battlefield

Enlace | Descargar plantilla joomla Battlefield

 

Tan solo un día después de la salida oficial de Joomal 1.6 Beta 1 ya esta disponible la primera plantilla para Joomla 1.6 gratuita. En realidad no se trata de una plantilla diseñada exclusivamente para Joomla 1.6, sino que es una migración de la plantilla Genesis desarrollada para Joomla 1.5 por JoomlaPraise.

Según cuenta el autor para la migración de la plantilla a Joomla 1.6 han tenido que realizar algunos cambios en el fichero templateDetails.xml. En concreto en Joomla 1.6 ya no se utiliza la etiqueta <param> sino que en su lugar se emplean etiquetas <field>, también es necesario indicar en la etiqueta <install> que la versión es 1.6 en lugar de 1.5.

Además ha tenido que adaptar el CSS para añadir nuevas clases e IDs. Los principales cambios realizados en el index.php de la plantilla fueron las posiciones de los módulos y sus condiciones. Parece ser que hay pocos cambios destacables con respecto a los tags empleados para llamar a Sitename y otras variables.

 

module-positions

Recordad que Joomla 1.6 es todavía una versión Beta y no debe usarse en sitios web en explotación.

Descarga | Genesis plantilla para Joomla 1.6 Beta 1

Más info | JoomlaPraise

 

En muchas ocasiones cuando estás seleccionando un template para tu próxima web Joomla te encuentras el template perfecto para el sitio web, sin embargo este template es para la versión 1.0!!!! Uppss esto suele ser un gran problema cuando tienes una plantilla entre ceja y ceja, ya sabes que esa plantilla te gusta y no vas a ver las otras con los mismos ojos. Cuando decidimos montar Ayuda Joomla nos vimos montones de plantillas hasta que nos decidimos por Simplify Black, esta plantilla estaba diseñada para Joomla 1.0 pero con un poco de maña la convertimos para Joomla 1.5.

Por este motivo hoy os traemos una tabla que os puede resultar muy útil para convertir plantillas de Joomla 1.0 a Joomla  1.5, aunque también puede resultar de utilidad a todos aquellos que estáis empezando con el diseño de plantillas Joomla.

 

 Uso en Joomla 1.0
 Uso en Joomla 1.5
 Mostrar el componente
<?php echo mosMainBody();?>
<jdoc:include type="component" />
 Contar el número de módulos en una posición
<?php if (mosCountModules('left')) : ?><?php if ($this->countModules('left')) : ?>
<?php if (mosCountModules('left') || mosCountModules('right')) : ?><?php if ($this->countModules('left OR right')) : ?>
 Cargar módulos en una posición
<?php mosLoadModules('left', 0);?><jdoc:include type="modules" name="left" style="table"/>
<?php mosLoadModules('left', -1);?><jdoc:include type="modules" name="left" style="raw"/>
<?php mosLoadModules('left', -2);?><jdoc:include type="modules" name="left" style="xhtml"/>
<?php mosLoadModules('left', -4);?><jdoc:include type="modules" name="left" style="rounded"/>
Cargar un único módulo
<?php mosLoadModule('Banners', -1);?><jdoc:include type="module" name="Banners" style="raw" />
<?php mosLoadModule('Latest News', -2);?><jdoc:include type="module" name="Latest News" style="xhtml" />
<?php mosLoadModule('Newsflash', -3);?><jdoc:include type="module" name="Newsflash" style="rounded" />
 Incluir directiva en el TAG HEAD
<?php mosShowHead();?><jdoc:include type="head" />
 Mostrar la ruta (pathway)
<?php mosPathWay();?>Incluir un módulo ruta (mod_breadcrumbs) en la posición deseada.
 

En esta ocasión os presentamos unos templates gratuitos creados por siteground. Estos templates para Joomla tienen un aspecto formal, ideal para emplearlos en un sitio web corporativo de una empresa. Como cada empresa es un mundo, es altamente probable que las plantillas no se adapten al 100% a la imagen corporativa, pero con unos cuantos ajustes creativos podréis personalizarlos a vuestro gusto.

Estas plantillas utilizan adecuadamente la psicología del color, un campo de estudio que se encarga de analizar el efecto de los colores en la percepción y la conducta humana.

Si os fijáis el color de fondo empleado en las plantillas es blanco, con este color se representa pureza, limpieza, calma... tiene un efecto tranquilizador sobre el usuario, adicionalmente el color blanco permite que la página se pueda leer con claridad.

En el ejemplo #1 y #2 destacan los tonos azules de la plantilla, con estos colores se quiere transmitir seguridad, confianza y credibilidad, sin embargo en el ejemplo #3 se emplea el verde para dar sensación de juventud y éxito, aunque también se puede utilizar para representar la naturaleza y el medio ambiente. Además los tonos grises empleados aportan un toque de elegancia a las plantillas.

Es evidente que las imágenes empleadas en estos templates no se van a adaptar a la imagen de vuestra empresa, sin embargo quiero comentaros un detalle de las imágenes utilizadas. En ambas plantillas aparecen hombres y mujeres, esto se emplea para dar la sensación de una empresa moderna adaptada a los nuevos tiempos, es una idea que quizás os resulte interesante reflejar cuando hagáis el rediseño de la plantilla.

Ejemplo #1  - Plantilla corporativa para empresa combinando blanco, marrón y celeste.

 


 

 Enlace | Demo online

Ejemplo #2  - Plantilla corporativa para empresa combinando los colores azul, gris y blanco.

 


 

 Enlace | Demo online

Ejemplo #3  - Plantilla corporativa para empresa combinando verde, azul, gris y blanco.

 


 

 Enlace | Demo online

 

 

 

Existen plantillas (o templates) para Joomla que permiten dar un aspecto de revista o periódico digital. En el artículo de hoy os presentamos un conjunto de plantillas realizadas por Gavick, muy espectaculares, para la creación de portales de información. Solo existe un inconveniente, es necesario pagar para poder usar las plantillas, pero en algunos casos puede merecer la pena adquirirlas ya que desarrollar desde cero una plantilla para Joomla puede llevarnos mucho tiempo. Además se puede modificar estas plantillas para poder así personalizarlas y minimizar la posibilidad de encontrar un portal web que sea exactamente igual.

Ejemplo #1  - Plantilla para revista de contenidos musicales.

 

Revista música con Joomla

 

 Enlace | Demo online

Ejemplo #2  - Plantilla para portal de noticias. 

 

Portal de noticias con Joomla

 

 Enlace | Demo online

Ejemplo #3  - Plantilla para revista de contenidos deportivos.  

 

Revista deportes con Joomla

 

 Enlace | Demo online

Si conocéis alguna plantilla gratuita que pueda servir para una revista o periódico digital podéis dejarnos un comentario y la analizaremos en próximos artículos.

 

 

Review

Joomla 1.5 Template Design

Nombre: Joomla 1.5 Template Design

Autor: Tessa Blakely Silver

Editorial: Packt

Páginas: 284

Publicación: Junio 2009

Idioma: Inglés

Precio: 31.49 euros

La editorial Packt nos ha dado la oportunidad de analizar el libro Joomla 1.5 Template Design que apareció el pasado mes de Junio. Sin lugar a duda es un libro muy interesante tanto para novicios como para los ya iniciados en el diseño de plantillas y cuenta con un buen precio en el mercado (31.49 euros).

Este libro esta dirigido a diseñadores de páginas web que conocen el funcionamiento de Joomla 1.5 y cuentan con nociones básicas sobre XHTML y CSS. No es necesario ser programador de PHP para utilizarlo, sin embargo tener algo de conocimientos sobre este lenguaje puede resultaros de mucha utilidad en el mundillo profesional. El libro da instrucciones paso a paso que os permitirá familiarizaros con las lenguajes comentados anteriormente.

Con Joomla 1.5 Template Design aprenderéis a desarrollar una plantilla para Joomla desde 0, es decir desde su diseño preliminar en Photoshop (o Gimp) hasta llegar a una plantilla que cumple con los estándares W3C de XHTML y CSS, sin tablas y optimizada para buscadores. También incluye frecuentemente enlaces a página web externas que nos permitirá poder ampliar nuestros conocimientos si lo deseamos.

Además el libro incluye un enlace al sitio web de Packt donde se puede descargar la evolución de la plantilla en cada capítulo. Esto es muy útil si en algún momento de la lectura del libro se llega a una situación de atasco, puesto que se podrá comparar con la versión proporcionada para poder buscar el problema.

Los pasos básicos para desarrollar una plantilla en Joomla


  • Creación de un diseño en Photoshop y convertirla en una plantilla base XHTML/CSS (Capítulo 2)
  • Convertir la plantilla base en una plantilla Joomla, añadiendo código como las etiquetas jdoc para incluir módulos y componentes. (Capítulo 3)
  • Una vez creada la plantilla Joomla se procede a  validar y depurar el código fuente. El capítulo 4 proporciona un diagrama de flujo con los pasos a seguir para validar una plantilla Joomla, además se puede aprender a utilizar herramientas como Firebug, la consola de errores de javascript de Firefox y la barra de herramientas para desarrolladores de Internet Explorer entre otros. (Capítulo 4)
  • Empaquetar la plantilla para que pueda ser instalada en Joomla correctamente. (Capítulo 5)

Una vez terminado el capítulo 5 del libro ya sabréis desarrollar plantillas básicas para Joomla. Con los conocimientos adquiridos podréis comprender sin problemas el capítulo 6, una completa guía de referencia sobre las creación de plantillas en Joomla.

Los siguientes capítulos del libro os ayudarán a mejorar el aspecto y las funcionalidades de la plantilla con layouts dinámicos, menús desplegables de tipo suckerfish y dropdown, o incluyendo Flash en Joomla. También cuenta con un capítulo completo dedicado a contenido dinámico y formularios interactivos con AJAX que nos enseña a mejorar la plantilla Joomla con las técnicas más populares. Además analiza algunos scripts, toolkits y librerías de Javascript que se pueden utilizar en Joomla.

En el noveno y último capítulo aprenderéis a realizar plantillas parametrizables con params.ini que permitirá que los usuarios de vuestras plantillas tengan un control más dinámico de la configuración de la plantilla en el panel de administración, así como algunos trucos para mejorar la usabilidad de vuestras plantillas o efectos espectaculares con CSS2 y CSS3

Enlace | Página oficial del libro

Enlace | Editorial Packt

 
Powered by Tags for Joomla
Suscríbete al feed de Ayuda Joomla