QUÉ SON las Plantillas de Joomla?,  brevemente podremos decir que son el aspecto visual del front-end de este framework y tienen la característica de que separan el contenido (artículos escritos o creados por el usuario del sitio) del diseño (colores, organización de imágenes, tipos de letra, etc.), esta particularidad permite que de una manera ágil, se pueda cambiar el aspecto del sitio en base del cambio de una plantilla que tenga otra definición gráfica.  Como un refuerzo al tema de ajax y web2.0, Joomla incorpora en sus últimas ediciones, la plataforma Javascript Mootools.

Este tema es importante para los usuarios Joomla así que haré un resumen de las características fundamentales después del salto.

Por lo dicho anteriormente, las plantillas están también en la mira de desarrolladores y diseñadores gráficos que crean versiones comerciales cada cual mas impactante que otra, a favor o a pesar de esto hay muchos sitios que contienen plantillas gratuitas para Joomla y que promueven el uso y la expansión de estas “camisas” para Joomla.

Muy convenientes en su momento las plantillas gratuitas para encontrar una solución rápida a la necesidad de presencia en la red, tienen también limitantes propias de su propio origen, ajustarlas a una imagen corporativa si bien no es complicado tiene la consecuencia de la pérdida de exclusividad, pues libres como son las plantillas alguien mas podrá usarlas en otro sitio sin mayores cambios, de allí que el resultado final de esto sea encontrar sitios gemelos en diseño pero de tópicos diversos, si bien esto no es una desventaja en si misma, el hecho de querer promocionar un sitio en internet suele venir de la mano con el control del impacto que recibe el cliente y para esto no hay nada mejor que la originalidad.

Modificar las plantillas profundamente puede ser un trabajo mas bien arduo que se equipara al de la creación desde cero de una plantilla original, por esta razón es que los desarrolladores web serios optan por la opción de la creación de una plantilla única en la mayoría de los casos.

Forjarse en la creación es lo mas saludable no es fácil ni mucho menos y dependiendo de la curva de aprendizaje a la que se ve uno sometido que por cierto procede de varias vertientes PHP – PHOTOSHOP – CSS – XHTML – JAVASCRIPT es mas bien un trabajo prolongado que va dejando frutos con el tiempo, pero como en todo espacio, el talento puede traer mejores resultados cuando se suma al conocimiento de cualquier disciplina, no se puede ser creativo si no se tiene la noción clara de la herramienta, eso te permite perfilar tu arte y bueno en cuestiones de talento crear matices que los hay para todo y para todos.

QUE SE NECESITA TENER Y CONOCER PARA EMPEZAR A CREAR UNA PLANTILLA

(1) Una INSTALACION DE JOOMLA en un

(2) SERVIDOR WEB o en un SERVIDOR PERSONAL en tu equipo, de estos hay varios que incluyen combos completos que traen todo lo necesario para la ejecución del servidor (PHP-APACHE-MYSQL) dos de los más conocidos son XAMP y WAMP los hay en versiones para diferentes plataformas finalmente como en todo es cuestión de gustos, yo utilizo mucho el WAMP.

(3) Conocimiento mínimo de PHP, XHTML y CSS.

(4) Conocimiento mínimo de DISEÑO GRÁFICO en ordenador, PHOTSHOP, GYMP u otro editor de imágenes y los formatos de imagen estándar.

(5) Conocimiento de los ARCHIVOS QUE COMPONEN LA PLANTILLA  en Joomla así como nociones de MODULOS y COMPONENTES.

(6) Conocimiento de LAS DECLARACIONES JDOC para ubicar módulos contenido y otros elementos en el archivo index.php

CUALES SON LOS ARCHIVOS Y CARPETAS QUE COMPONEN UNA PLANTILLA EN JOOMLA

(1) El archivo “index.php” que provee la estructura lógica para el despliegue y posicionamiento de módulos y componentes.

(2) El archivo “component.php” que contiene la lógica para el despliegue de páginas de impresión amigable, enviar este enlace a un amigo, etc.

(3) La carpeta CSS que contiene los archivos de hojas de estilo del sitio.

(4) El archivo “templateDetails.xml” que es archivo encargado de contener la meta-data de la plantilla, dentro de él encontraremos secciones como INFORMACION GENERAL, ESTRUCTURA DE ARCHIVOS, LENGUAJES, POSICIÓN DE MÓDULOS y PARÁMETROS. Los datos anteriores son utilizados por el instalador de Joomla y por el administrador de plantillas para completar los detalles referentes al usuario, sitio y configuración inicial del front-end.

(5) El archivo Template thumbnail.[jpg,png,gif] es el mosaico de nuestra plantilla que permitirá saber de un vistazo que estilo gráfico y colores tiene, al hacer una selección en la administración de plantillas.

(6) La carpeta IMAGES que contiene todos los bitmaps que incluiremos en la plantilla

LAS DECLARACIONES JDOC Y SU USO EN INDEX.PHP

(1) La declaracion COMPONENT <jdoc:include type=”component” /> aparece solo una vez en index.php y es la declaración que muestra el contenido general del sitio en Joomla

(2) La declaracion HEAD <jdoc:include type=”head” /> aparece solo una vez en index.php y es la declaración que muestra el contenido de los estilos, script y elementos-meta que contiene el sitio

(3) La declaración MESSAGE <jdoc:include type=”message” /> aparece solo una vez y muestra los mensajes de error de una página, el estilo del mensaje de error se puede cambiar en el URL “templates\system\css\system.css”

(4) La declaración MODULES  soporta diversa maneras de escritura en base a este modelo <jdoc:include type=”modules” name=”" style=”" /> en donde NAME es la posición del nombre ( como las que se definieron en templateDetails.xml ) y STYLE es el tipo de formato que se usará para mostrar el módulo, aqui unos ejemplos de uso de esta declaración:

<jdoc:include type=”modules” name=”debug” />
<jdoc:include type=”modules” name=”icon” />
<jdoc:include type=”modules” name=”left” style=”rounded” />
<jdoc:include type=”modules” name=”left” style=”xhtml” />
<jdoc:include type=”modules” name=”right” style=”xhtml” />
<jdoc:include type=”modules” name=”status”  />
<jdoc:include type=”modules” name=”syndicate” />
<jdoc:include type=”modules” name=”title” />
<jdoc:include type=”modules” name=”toolbar” />
<jdoc:include type=”modules” name=”top” />
<jdoc:include type=”modules” name=”top” style=”xhtml” />
<jdoc:include type=”modules” name=”user1″ style=”xhtml” />
<jdoc:include type=”modules” name=”user2″ style=”xhtml” />
<jdoc:include type=”modules” name=”user3″ />
<jdoc:include type=”modules” name=”user4″ />

EL LAYOUT O LA ORGANIZACION DE LOS MODULOS

Una vez que se conoce el uso de las declaraciones JDOC es mas fácil entender la organización de los módulos que se han llamado a través de ellas, aquí un ejemplo de una organización típica:

COMO INSTALAR UNA NUEVA PLANTILLA EN JOOMLA

Luego de haber trabajado en una plantilla por un corto tiempo necesitamos verla funcionando para esto tendremos que seguir algunos pasos:

(1) Comprimir la plantilla creada, seleccionamos la carpeta que contiene los archivos y subcarpetas propios de la plantilla y generamos un archivo comprimido con el nombre de la plantilla.

(2) Instalar la plantilla, Ingresamos en la administración de Joomla hasta el menú EXTENSIONES y seleccionamos la opción INSTALAR DESINSTALAR, en la pantalla aparecerá una opción llamada SUBIR PAQUETE que trae a su vez un botón de examinar que te permite buscar el archivo comprimido de tu plantilla en tu equipo, cuando lo hayas encontrado selecciónalo para definir la ruta del archivo y usa el botón SUBIR ARCHIVO E INSTALAR para instalarla, una vez instalada la plantilla Joomla te dará un mensaje de aviso con fondo celeste que indica que tu plantilla ha sido instalada con éxito.

(3) Administrar la plantilla, para esto Ingresamos en la administración de Joomla hasta el menú EXTENSIONES y seleccionamos la opción ADMINISTRADOR DE PLANTILAS, aquí verás una lista de las plantillas disponibles y podrás definir tu plantilla como la que debe ser usada por defecto, cuando conozcas un poco este administrador podrás seleccionar mas de una plantilla para tu sitio o restringir el uso de una plantilla específica para ciertas páginas, secciones o categorías.

(4) Visualizarla en tu browser, usa mas de uno para comprobar que los estilos se ven bien por lo menos en los navegadores más conocidos.

ENLACES SOBRE EL TEMA

El sitio de documentacion de Joomla en Inglés
El manual de desarrollo de la Comunidad Joomla en español

Bien, seguiremos tratando el tema de plantillas de Joomla 1.5 en el futuro para destacar uno u otro aspecto interesante del uso de ellas, si tienen consultas déjenlas en los comentarios que yo trataré de resolverlas de la mejor manera a la brevedad posible, suerte en la creación.

Unos cuantos clics después me quedaba azorado con la calidad de sus ilustraciones y caricaturas.

No ubico bien la nacionalidad pero escribe su BLOG en inglés y español, realmente gratificante, échenle un vistazo.

Bellisimas tomas y escenas de Hitchcock con actores actuales, al parecer es un trabajo que pretende reproducir el portafolio de Alfred Hitchcock con estrellas vigentes.

El resultado impreso será publicado en la revista Vanity Fair.

Aquí algunas imagenes obtenidas a partir del video gracias a ohnotheydidnt.

Y este es el video promocional de VanityFair.com.

Juan

No se si solo un diseño exterior, pero me ha quitado la imagen romántica de la rueda moscovita así como la recuerdo.

La mejor galería de diseño web que he encontrado en los últimos tiempos.

LinkAki a BestWeb Gallery

Diseños basados en el estándar CSS, trae recursos útiles.

LinkAki a http://www.csselite.com

El siguiente enlace trae los nominados a aparecer en un libro cuyo objetivo es publicar anualmente una guía de los mejores sitios de la red y promover el uso de estándares.

LinkAki a http://webdesignbook.net/nominees/

Acá un reconocido sitio de inspiración de muchos diseñadores en la red, también trae muchos recursos.

LinkAki a http://www.netdiver.net

Por último, el sitio de la semana elegido por la revista CommArts, la sección de archivo trae los sitios elegidos en semanas anteriores.

LinkAki a designinteract.com/sow/

LinkAki to jggweb: Fotografía y retoque digital » Decálogo del Fotógrafo