Plantillas de Joomla

Plantillas gratuitas para Joomla

Cuando lanzamos la AJ!Toolbar realizamos una selección de sitios web en los que se puede descargar plantillas gratuitas para Joomla. Si lo deseas puedes instalarte nuestra barra de herramientas para poder acceder a más de 10 sitios con plantillas gratis para Joomla tanto para Joomla 1.6, como Joomla 1.5 y Joomla 1.0

Entre estos sitios me gustaría destacar estos dos blogs en español en los que se comentan algunas de las plantillas para joomla más interesantes que podemos encontrar actualmente para Joomla 1.6, Joomla 1.5 y Joomla 1.0

Además puedes visitar la sección que tenemos dedicada en Ayuda Joomla a templates de Joomla, donde nosotros analizamos algunas plantillas que nos han parecido interesantes.

A continuación os dejo el listado de algunas entradas de nuestra sección de plantillas que os pueden resultar interesantes:

Template con estilo: Epic

Aprovechando un rato que tengo antes de ponerme a estudiar os voy a presentar un template para Joomla 1.0.x y 1.5 que tiene muy buena pinta, su nombre es JSN Epic. Una de las ventajas que tiene este template es que existe tanto una versión gratuita bastante decente como otra de pago (de apenas 25$) que dispone de características adicionales.

  Particularmente a mi me ha impresionado su estilo elegante y profesional así como el slideshow de imágenes que preside la pagina en sí dando un aspecto muy dinámico del template. Entre las características que dispone se pueden destacar las siguientes:

Características Básicas (versión gratuita) :

  • Nativo para Joomla 1.0.x y compatible con la versión 1.5
  • XHTML/CSS validado.
  • Imágenes optimizadas.
  • Optimizado para SEO.
  • Características del template y código bien documentado y fácilmente configurable.
  • Compatible con la mayoría de navegadores como Firefox 1.0+, IE 6 IE 7, Opera, Safari y Camino.

Características Avanzadas:

  • 18 posiciones para módulos.
  • Variación de 6 colores.
  • 4 estilos para menús.
  • 3 estilos de fuentes adicionales.
  • Estilos extras para Community Builder, Docman, Virtue Mart, JEvents  y RSGallery 2
  • 22 parámetros extras para seguir configurando el template.

 La verdad que desde aquí resulta difícil explicar lo bien que queda un template como este para vuestras webs, así que yo os recomiendo que os lo descarguéis lo probéis seguro que no os decepcionará.

 

Enlace | JSN Epic

Crea tu propio template para Joomla!

¿Cansado de que ningún diseño de los que la red te ofrece se ajusten a lo que tu quieres? Eso ya no te supondrá un problema para ti ya que con poco esfuerzo y a través de los videotutoriales de la web illasaron.com podrás crear tu template desde 0 y a tu gusto.

Por ahora la serie de artículos para crear templates de Joomla tiene 8 capítulos:

  1. Comprensión de estructuras de las plantillas. Link AQUI.
  2. Creación de nuestra primera plantilla. Link AQUI.
  3. Personalización de plantillas. Link AQUI.
  4. Personalización de módulos. Link AQUI.
  5. Regiones Opcionales. Link AQUI.
  6. Personalizar Menús. Link AQUI.
  7. Meter menús en pestañas. Link AQUI.
  8. Menús con imágenes y Breadcrumbs. Link AQUI.
  9. Creación Plantillas Joomla. Dar estilo a Noticias multipágina. AQUI
  10. Creación Plantillas Joomla. Embeber Módulos en Contenido. AQUI

 

También os puede resultar provechoso el curso CSS que también esta disponible en dicha web en la que podrás ¡¡aprender CSS en 3 horas!!

Aprovechando la ocasión os recomendamos esta web ya que el contenido en videotutoriales es muy amplio y todos son de gran utilidad y actualidad y felicitamos a Jesús Conde por la labor que desempeña.

Convertir templates de Joomla 1.0 a Joomla 1.5

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.

Zaragoza News Template 1.0

Siguiendo la línea del artículo donde hablábamos de los templates con aspecto de periódico o revista creados por Gavick te traemos desde el equipo de ZaragozaOnline este template de dos columnas de aspecto profesional y elegante (click para ver en grande):

Sin duda la gran ventaja que posee frente a los comentados anteriormente es que es totalmente gratis además de ser un template claro y llamativo para el lector ¿No os parece?.

Tomándome cierta libertad me permito haceros una recomendación: si la frecuencia de actualización de artículos en vuestra web no es todo lo frecuente que desearais no utilicéis templates de esta índole ya que da un sensación de dejadez y los visitantes seguramente no volverán.

 

Demo | ZaragozaOnline

Descargar desde AQUÍ

Como conocer la posición de un módulo en una plantilla

Este tutorial estaba redactado para Joomla 1.5. En Joomla 1.6 esta operación se realiza de forma distinta y por ese motivo he creado un artículo que explica como conocer las posiciones de los módulos en Joomla 1.6

Durante la fase de diseño de un template en Joomla, el diseñador puede definir un número ilimitado de zonas en las que va a permitir cargar módulos. A cada una de estas zonas se les suele asignar un nombre descriptivo, por ejemplo en ayudajoomla la zona right corresponde a la barra derecha, sin embargo existe una zona llamada user4 cuyo nombre no es nada descriptivo.

Cada diseñador de plantillas Joomla definirá cada zona con un nombre propio y una posición determinada, por lo que cuando se vaya a utilizar una plantilla es necesario conocer que posición ocupa cada zona definida en la plantilla Algunos templates adjuntan una captura de pantalla en la que se marca donde esta definida cada zona, aunque esto no suele ser lo más común, así que os vamos a proporcionar 3 métodos para poder conocer las posiciones de cada zona definida para la carga de módulos de la plantilla.

 

Método 1: Ensayo y error


Este es el método más cutre de todos, pero es la primera forma que se le pasa por la cabeza a todo usuario novato de Joomla. El método consiste en crear un módulo desde el backend de Joomla e ir moviendo dicho módulo por las distintas zonas definidas en la plantilla. Cuando se visualice el frontend se podrá ver en que parte se ha cargado el módulo.

 

Método 2: Posiciones desde el backend (Recomendado)


El segundo método para conocer las posiciones se realiza desde el Administrador de plantillas que se encuentra en Extensiones. En el listado se debe seleccionar la plantilla de la que se quiere conocer las posiciones de cada módulo y pulsar sobre el botón editar. En la parte superior derecha aparecerá un botón llamado Vista previa que proporciona una vista de la plantilla en la que se encuentran resaltadas en rojo las diferentes zonas definidas. Os adjunto una captura de pantalla para que veáis como quedarían resaltadas las zonas. Podéis ver en la imagen que la superposición que realiza Joomla no da un resultado muy legible :(.

 

 
 

Método 3: Posiciones desde el frontend


El tercer método proporciona una vista previa de la plantilla exactamente igual que la utilizada en el segundo método, pero esta vez desde el frontend. Empleando este método solo se puede saber la posición de los módulos de la plantilla predeterminada que ven los usuarios del portal, mientras que con el segundo método se podía ver cualquiera de las plantillas instaladas. Para emplear este método solo hay que añadir '?tp=1' a la dirección web para que aparezcan las zonas definidas. Si queréis ver las zonas que tiene definidas el template de vuestro sitio web solo teneís que acceder a la dirección http://sitioweb.com/?tp=1. Os invito a que lo probéis con el template de AyudaJoomla http://ayudajoomla.com/?tp=1.

 


Templates para la identidad corporativa de una empresa

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

 

 

Plantillas tipo revista o periódico

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.