modificar plantillas en joomla

Modificando plantillas en Joomla Fernando Hermida Vigara

En este manual voy a describir cómo realizar modificaciones parciales en las plantillas de Joomla.

Varias consideraciones:

• El desarrollo de plantillas puede ser de por si una especialización.

• Tenemos plantillas libres, plantillas de pago y por encargo.

• Dentro de las plantillas libres, su diseño y posibilidades de modificación son muy variables, las hay que permiten tocar parte de su código y las hay muy restrictivas. También algunas permiten configurar determinados parámetros de forma relativamente sencilla y otras hay que indagar mucho para conseguir determinados niveles de personalización.

Lo que sigue es meramente un ejemplo para dar pistas de por dónde hay que buscar, pero no hay procedimientos genéricos, como se puede deducir fácilmente.

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 diseño de la plantilla se especificarán una serie de parámetros para la implantación particular de dicha imagen, y, es claro, que el archivo de imagen estará en algún sitio, con un nombre, unas propiedades y una ruta de localización. Por cierto, la plantilla a la que estamos haciendo referencia es “rhuk_milkyway”.

Documentos de ayuda Página 1 de 8


En la administración de Joomla entremos en el “Gestor de Plantillas” para entrar a su vez en la edición de la citada plantilla:

Y continuamos entrando en “Editar CSS”:



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 código relacionada con el logo que nos ocupa:

Aquí hay diversa información a tener en consideración:

• Dimensiones: 298 x 75 píxeles

• Fichero de imagen: “mw_joomla_logo.png”

• Y más información sobre disposición de la imagen en la plantilla.



¿Que cómo sabemos dónde ir a buscar?, claro, ese es el tema, cada plantilla tiene su cosa y deberemos indagar, pero bueno, con un poco de práctica 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 ningún otro: puedo borrar el nombre del fichero de imagen y guardar los cambios en el css o puedo irme a la localización de la imagen y eliminar físicamente ésta.

Observación: cuidado con la opción 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 página 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 más código css para que encaje, esto último más complicado.

A modo de ejemplo fijémonos en como quedaría si pretendo meter la siguiente imagen de 472 x 74 píxeles:

El resultado es bastante obvio: nos come en anchura.



Voy a buscar en Internet una imagen similar al logo de partida para realizar la sustitución:

La guardo en mi equipo y observo sus propiedades:

Observación. Esto es un ejemplo didáctico. La búsqueda de imágenes en Internet y su utilización estará sometida a la legislación sobre los derechos de autoría. Es claro que si vamos a poner una imagen en nuestro sitio web deberá cumplir los requisitos legales vigentes. También es claro que en nuestro contexto debería ser una imagen propia que resulte significativa y le de personalidad a nuestra página.



Ha llegado el momento de realizar la sustitución. Bien sea desde el panel de control del servidor o mediante una conexión FTP, vamos a subir la imagen a la localización adecuada donde Joomla irá a buscarla. En la siguiente captura observa la subida de la imagen al servidor prestando atención 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 localización de la imagen del logo es “/htdocs/spanish/templates/rhuk_milkyway/images”. Sea que la instalación 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” (imágenes), o algo parecido, habrá que indagar.



Toda vez que tenemos la imagen en el lugar adecuado vamos de nuevo a la edición CSS en la administración 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 más fácil:



Aplicamos, refrescamos y observamos en la portada el resultado:

Con estas notas sólo se pretende dar ideas, no es posible abarcar, una vez más, la inmensa casuística.


modificar plantillas en joomla

Documents