You are on page 1of 3

clases de templates para joomla

este tema se ver� aqu� de un pantallazo dado que por la extensi�n del mismo ser�
ampliado en nuestro segundo tutorial de templates.
la clasificaci�n en la cual separo en dos tipos los templates para utilizar con
joomla se basa en la estructura de html del dise�o, el cual puede estar basado en
tablas (tables) o capas (layers).

b�sicamente hay dos clases de templates para el frontend:

1 - variable width templates (templates de ancho variable): estos templates tienen


la particularidad de amoldarse al ancho de pantalla de los usuarios que tengan
distintas resoluciones de pantalla. esto permite aprovechar de una mejor manera el
ancho de la pantalla. la principal contra que posee este tipo de templates es que
no se pueden utilizar im�genes de un tama�o fijo, por ejemplo en la cabecera, ya
que en otras resoluciones se ver� mal.

la maquetaci�n de los templates de ancho variable est� basada en estructuras de


tablas, en cuyas celdas se "acomodan" las im�genes y los contenidos. el concepto
moderno de dise�o web cuya tendencia va hacia xhtml/css, hace que la utilizaci�n
de tablas para "armar el dise�o" de las plantillas web tienda en un futuro muy
cercano a desaparecer. esto marca una tendencia que ya se nota demasiado en joomla
y es la creciente utilizaci�n de dise�os basados en layers.

2 - fixed width templates (templates de ancho fijo): estos templates tienen un


ancho fijo independientemente de la resoluci�n de pantalla que tenga el usuario
que lo ve. generalmente (aunque esto no es una condici�n necesaria) est�n basados
en capas (layers, o etiquetas div) cuya ubicaci�n y tama�o se definen externamente
en las css. este tipo de templates pertenecen a la tendencia actual de maquetado
xhtml/css y respetan en mayor medida los est�ndares de usabilidad y accesibilidad,
sin embargo su creaci�n y edici�n es notablemente m�s dif�cil que los templates
basados en tablas.

si sos un principiante y deseas editar tus propios templates o personalizarlos, te


recomiendo que comiences a probar con templates basados en tablas, porque son los
m�s f�ciles de editar, pero luego cuando adquieras experiencia, comiences a
utilizar templates basados en capas.

templates a 2 o a 3 columnas

existen templates dise�ados para sitios cuyos dise�os se basan en dos columnas
(columna del contenido principal y columna de m�dulos que puede estar ubicada a la
derecha o a la izquierda), y templates dise�ados para sitios que utilicen tres
columnas (columna central con el contenido y dos columnas laterales para los
m�dulos).

es bueno disponer de un template que genere autom�ticamente las columnas laterales


dependiendo de si se necesitan o no. es decir, podemos tener un sitio web en cuya
p�gina principal quisi�semos usar tres columnas (porque hay una mayor cantidad de
m�dulos que dispuestos en una sola columna estirar�a demasiado hacia abajo la
p�gina), pero en el resto de las p�ginas solo utilizar�amos dos columnas. (este
tema ser� ampliado en nuestro segundo tutorial de templates.)

�c�mo administrar templates del frontend de joomla?

a continuaci�n, ver�s en el area de trabajo una lista con los templates instalados
(en el ejemplo de la siguiente imagen, solo uno)
el template que est� marcado como "default" es el template que actualmente est�
asignado por defecto para el sitio joomla (frontend). para administrar o editar un
template determinado, debes seleccionar primero uno de la lista de templates
instalados que se muestran en el area de trabajo, y a continuaci�n desde la barra
de herramientas elegir la acci�n que deseas.

en el men� de administraci�n de joomla debes ir a site >> template manager >> site
templates

barra de herramientas de la administraci�n de templates

barra de herramientas de la administraci�n de templates

icono "default": este sirve para asignar un template por defecto para el frontend.
icono "assign": este �cono lo utilizamos para asignar un template a una secci�n
espec�fica que sea accesible directamente desde el men� de navegaci�n. es muy �til
esta opci�n ya que nos permite asignar diferentes templates para distintas
secciones, categor�as, o �tems de contenido.
icono "delete": borra el template seleccionado.
iconos "edit html" y "edit css": nos permiten editar el c�digo fuente del archivo
index.php perteneciente al template y del archivo de css. les recomiendo no editar
desde aqu� estos archivos si no se conoce bien el lenguaje html y la maquetaci�n
con hojas de estilo en cascada.
icono "new": bot�n para instalar un nuevo template.
archivos que componen un template de joomla

los templates de frontend de joomla se ubican en el directorio /templates/, dentro


del ra�z del sitio. en ese directorio se encuentran tantas carpetas como templates
instalados haya en el sistema. cada una de estas carpetas posee el nombre del
template en cuesti�n. la estructura de archivos es la siguiente:

rhuk_solarflare_ii (directorio del template rhuk_solarflare_ii)


css (directorio que contiene las hojas de estilo en cascada)
images (directorio de im�genes utilizadas por el template)
index.php (archivo principal del template que genera el html, incluye las css, el
javascript, y el c�digo php necesario para cargar el contenido din�mico)
templatedetails.xml (archivo xml que contiene datos referentes al template en
cuesti�n y datos necesarios para su instalaci�n desde el administrador)
index.html (archivo de seguridad que impide explorar el directorio del template
desde el navegador. por ejemplo si accedemos a
http://www.sitio.com/templates/rhuk_solarflare_ii, solo se observar� una p�gina en
blanco, es decir, este index.html)

�c�mo instalar nuevos templates para un sitio joomla?

en el men� de administraci�n de joomla debes ir a site >> template manager >> site
templates. luego debes hacer click en el �cono "new" de la barra de herramientas.
ver�s a continuaci�n sobre el area de trabajo:

luego tienes que examinar en donde tienes el archivo comprimido del template y
clickear el bot�n "upload & install" (subir e instalar). recuerda que deben estar
todos los directorios para la instalaci�n con permisos asignados correctamente
(writeables)

forma alternativa de instalar templates


una manera distinta de instalar templates que a menudo es �til se basa simplemente
en descomprimir el template en tu computadora y luego subir el directorio
descomprimido por ftp dentro del directorio /templates/