Modificando plantillas en Joomla

Fernando Hermida Vigara

En este manual voy a describir cmo realizar modificaciones parciales en

las plantillas de Joomla.
Varias consideraciones:
El desarrollo de plantillas puede ser de por si una especializacin.
Tenemos plantillas libres, plantillas de pago y por encargo.
Dentro de las plantillas libres, su diseo y posibilidades de modificacin
son muy variables, las hay que permiten tocar parte de su cdigo y las
hay muy restrictivas. Tambin algunas permiten configurar
determinados parmetros de forma relativamente sencilla y otras hay
que indagar mucho para conseguir determinados niveles de
personalizacin.
Lo que sigue es meramente un ejemplo para dar pistas de por dnde hay
que buscar, pero no hay procedimientos genricos, como se puede
deducir fcilmente.
Observemos la portada de nuestro sitio Joomla de ensayo:

Sea que deseamos cambiar el logo de la parte superior izquierda. Pues

bien, de alguna manera en el diseo de la plantilla se especificarn una
serie de parmetros para la implantacin particular de dicha imagen, y, es
claro, que el archivo de imagen estar en algn sitio, con un nombre,
unas propiedades y una ruta de localizacin. Por cierto, la plantilla a la
que estamos haciendo referencia es rhuk_milkyway.
Documentos de ayuda

Pgina 1 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

En la administracin de Joomla entremos en el Gestor de Plantillas para

entrar a su vez en la edicin de la citada plantilla:

Y continuamos entrando en Editar CSS:

Documentos de ayuda

Pgina 2 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

A pesar de que veamos en rojo No escribible para template.css (hojas

de estilo), seleccionamos y pinchamos en Editar:

En este css buscamos la parte de cdigo relacionada con el logo que nos
ocupa:

Aqu hay diversa informacin a tener en consideracin:

Dimensiones: 298 x 75 pxeles
Fichero de imagen: mw_joomla_logo.png
Y ms informacin sobre disposicin de la imagen en la plantilla.

Documentos de ayuda

Pgina 3 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

Que cmo sabemos dnde ir a buscar?, claro, ese es el tema, cada

plantilla tiene su cosa y deberemos indagar, pero bueno, con un poco de
prctica y de paciencia podremos en muchos casos encontrar una salida.
Visto lo anterior ya puedo tomar diferentes decisiones:
No quiero que aparezca dicho logo ni ningn otro: puedo borrar el
nombre del fichero de imagen y guardar los cambios en el css o puedo
irme a la localizacin de la imagen y eliminar fsicamente sta.
Observacin: cuidado con la opcin refrescar del navegador, cuando
tratamos de comprobar los cambios que estamos haciendo, a veces la
cach nos juega malas pasadas, para ver determinadas actualizaciones
en una pgina en ocasiones es recomendable limpiar totalmente la
cach, cerrar y volver a abrir el navegador)
Quiero sustituir el logo por otro: o una de dos, o buscamos otra imagen
con las mismas dimensiones o muy parecidas (o la editamos para ello
sin destrozarla) o nos metemos a modificar ms cdigo css para que
encaje, esto ltimo ms complicado.
A modo de ejemplo fijmonos en como quedara si pretendo meter la
siguiente imagen de 472 x 74 pxeles:

El resultado es bastante obvio: nos come en anchura.

Documentos de ayuda

Pgina 4 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

Voy a buscar en Internet una imagen similar al logo de partida para

realizar la sustitucin:

La guardo en mi equipo y observo sus propiedades:

Observacin. Esto es un ejemplo didctico. La bsqueda de imgenes

en Internet y su utilizacin estar sometida a la legislacin sobre los
derechos de autora. Es claro que si vamos a poner una imagen en
nuestro sitio web deber cumplir los requisitos legales vigentes. Tambin
es claro que en nuestro contexto debera ser una imagen propia que
resulte significativa y le de personalidad a nuestra pgina.

Documentos de ayuda

Pgina 5 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

Ha llegado el momento de realizar la sustitucin. Bien sea desde el panel

de control del servidor o mediante una conexin FTP, vamos a subir la
imagen a la localizacin adecuada donde Joomla ir a buscarla. En la
siguiente captura observa la subida de la imagen al servidor prestando
atencin a los siguientes detalles:
Yo tengo en mi equipo la imagen spanish_joomla_logo.png que es la
que voy a utilizar en lugar de la que pone por defecto la plantilla utilizada
mw_joomla_logo.png. Para esta plantilla la localizacin de la imagen del
logo es /htdocs/spanish/templates/rhuk_milkyway/images. Sea que la
instalacin de Joomla que estemos manejando sea local o remota, lo que
tenemos que observar para localizar la ruta en otros casos es que en ella
se encontrar templates (plantillas), el nombre de la plantilla (en este
caso rhuk_milkyway) y la carpeta images (imgenes), o algo
parecido, habr que indagar.

Documentos de ayuda

Pgina 6 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

Toda vez que tenemos la imagen en el lugar adecuado vamos de nuevo a

la edicin CSS en la administracin de Joomla para darle el nombre de la
imagen que queremos sustituir:

Ya que estamos, si lo deseamos, le aplicamos una variante verde, en este

caso la cosa es mucho ms fcil:

Documentos de ayuda

Pgina 7 de 8

Modificando plantillas en Joomla

Fernando Hermida Vigara

Aplicamos, refrescamos y observamos en la portada el resultado:

Con estas notas slo se pretende dar ideas, no es posible abarcar, una
vez ms, la inmensa casustica.

Documentos de ayuda

Pgina 8 de 8