plantilla

Como ya sabréis no solo existen plantillas para el frontend de Joomla, sino que también es posible encontrar templates para personalizar el backend, aunque no se encuentran demasiados disponibles por la red.

Joomlapraise esta distribuyendo una plantilla totalmente gratuita para el panel de administración de Joomla llamada AdminPraise. Es una plantilla super ligera, posiblemente la plantilla de administración más rápida para Joomla. Cuenta con varias barras de accesos directos que permite acceder en un solo click a funciones básicas, lo que conlleva un ahorro de tiempo considerable. Sin duda es una gran mejora en la usabilidad del backend.

Si usáis habitualmente la administración de Joomla os va a resultar muy útil esta plantilla. Quizás al principio os cueste un poco aprender a manejarla, pero una vez que se le pilla el truco os va a permitir ahorraros un montón de clicks.


Adminpraise

Características básicas:

  • Totalmente gratuita y GPL
  • Optimización de velocidad
  • 5 estilos de colores que pueden ser asignados a todos los usuarios o solo para ti, aunque siempre puedes personalizarlo a tu gusto.
  • Layout elástico.
  • El sidebar puede ser situado a izquierda o derecha, aunque también es posible ocultarlo.
  • Quick Add. Añade un item a todos los componentes del core.
  • Historial. Vuelve rápido a páginas recientemente visitadas.
  • Memoria de última página visitada. Si se agota tu tiempo de sesión cuando vuelvas a acceder te dejará en la última página accedida.

Además incluye varios módulos de administración extras:

  • AP Lite. Incluye todos los accesos directos
  • Session Bar. Barra animada que muestra como disminuye el tiempo de sesión.
  • My Editor. Dropdown en AJAX que permite cambiar rápidamente el editor de texto activo. (Personalmente para mi es muy útil esta funcionalidad)
  • User Activity Stream. Muestra la actividad de los administradores en el backend.

Enlace | Descarga

Vía | JoomlaBlogger

 

Me he encontrado un template gratis para Joomla, ofrecido en Templates4All,  bastante interesante que se puede aplicar a sitios web de empresas o negocios. Con los retoques oportunos a este template, una posible aplicación que se me ocurre es usarlo para la creación de un sitio web de una consultoría de marketing o similar. En este tipo de empresas la imagen corporativa es muy importante por lo que la elegancia y el diseño de gran calidad de esta plantilla la hace una candidata perfecta.

 

Template Make Money Business

Características


  • Plantilla para Joomla 1.5
  • Aspecto Web 2.0
  • Diseñada con 3 columnas
  • Layout con el ancho fijo.
Enlace | Make Money Business
 

{xtypo_alert}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{/xtypo_alert}

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.

 


 

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

 

En esta ocasión os traemos un tutorial básico para enseñaros como podéis instalar y desinstalar vuestras extensiones (módulos, componentes y plugins), plantillas e idiomas en Joomla.

Instalar una extensión , plantilla o idioma


La instalación de una extensión o plantilla se realiza desde el Gestor de extensiones Extensiones >> Instalar/Desinstalar.

El gestor de extensiones permite tres formas de realizar la instalación:

  • desde un archivo zip alojado en nuestro ordenador.
  • desde un archivo zip alojado en el servidor.
  • proporcionando la url del archivo zip.

Por ejemplo si utilizas el primer método tendrás que pulsar el botón Examinar para seleccionar el archivo zip y a continuación el botón Subir archivo & Instalar.

 

Gestor de extensiones

 

Desinstalar una extensión, plantilla o idioma


Al igual que el proceso de instalación, la desinstalación de una extensión o plantilla se realiza desde el Gestor de extensiones Extensiones >> Instalar/Desinstalar.

En la barra de menú superior podéis ver que además de la opción Instalar aparece las secciones Componentes, Módulos, Plugins, Idiomas, Plantillas. Cada uno de estos apartados permite ver que extensiones, plantillas e idiomas hay instalado en Joomla, ofreciendo la posibilidad de desinstalarlos.

 

Desinstalar usando el gestor de extensiones de joomla

 

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