Cómo añadir una nueva plantilla al CMS Joomla!, para la versión 3. Indicamos paso a paso cómo subir una nueva plantilla de diseño y cómo establecerla como la plantilla de nuestro sitio web en Joomla!. Mostramos también desde dónde se pueden personalizar las plantillas en Joomla!.
- Requisitos para cambiar la plantilla de Joomla!.
- Instalar y cambiar plantilla en Joomla! 3.
- Personalizar plantilla en Joomla! 3.
Requisitos para cambiar la plantilla de Joomla!
En primer lugar, en nuestro caso, usaremos la versión 3 de Joomla!, por lo que deberemos disponer de un hosting o sitio web con este CMS. En los siguientes tutoriales explicamos cómo instalar este CMS:
- Cómo reciclar hardware obsoleto para montar un servidor web de forma gratuita.
- Montar un servidor web y un sitio web en Windows 7 con AppServ y Joomla!.
- Cómo crear una web profesional y dinámica con el CMS Joomla.
Para cambiar la plantilla de diseño de Joomla! deberemos disponer del fichero comprimido zip con la plantilla propiamente dicha, salvo que ya la tengamos instalada en Joomla!, en cuyo caso no sería necesario.
Existen multitud de sitios web que realizan plantillas para Joomla! de forma gratuita, también las hay de pago que suelen ser más «profesionales». Descargaremos o adquiriremos la plantilla que deseemos (un fichero .zip).
Instalar y cambiar plantilla en Joomla! 3
Iniciaremos sesión en el administrador de Joomla!, normalmente en la carpeta «administrator»:
http://www.nuestrositioweb.com/administrator
Nos solicitará usuario y contraseña, introduciremos un usuario y contraseña de Joomla! con permisos suficientes para modificar las plantillas de diseño de Joomla!:
Se iniciará el Panel de control de Joomla!, pulsaremos en el menú «Extensiones» – «Gestor de extensiones»:
Desde «Instalar», en la pestaña «Subir paquete», pulsaremos en «Examinar»:
Seleccionaremos el fichero comprimido .zip con la plantilla de diseño de Joomla! que deseemos instalar:
A continuación pulsaremos en «Subir e instalar»:
Tras unos segundos (mientras sube el fichero a nuestro sitio web y lo descomprime en la carpeta «templates») el asistente para instalar extensiones de Joomla! nos indicará que el proceso ha finalizado correctamente, con el texto «Instalar plantilla se ha realizado correctamente»:
Nota: no todas las plantillas funcionan correctamente, algunas se instalan bien pero luego producen resultados no deseados, otras pueden dar error en la propia instalación, por incompatibilidades o por estar mal desarrolladas.
Ahora verificaremos que la plantilla nueva está instalada, para ello accederemos al menú «Extensiones» – «Gestor de plantillas»:
Desde «Plantillas» (en la parte izquierda) podremos consultar que la nueva plantilla está instalada correctamente:
Desde «Estilos» (parte izquierda) podremos ver todas las plantillas instaladas actualmente y las que están como predeterminadas. Joomla! separa la plantilla para el administrador de la del sitio, por lo que podremos tener una plantilla diferente para el sitio web (lo que ven los usuarios que acceden a nuestra web) y otra plantilla diferente para la administración de Joomla!. Las plantillas se diferenciarán en la columna «Localización» como «Administrador» o «Sitio» y la columna «Predeterminado» indicará qué plantilla es la que actualmente se está aplicando para cada una. En este listado también aparecerá la plantilla que acabamos de instalar (con la flecha verde):
Para establecerla como la plantilla predeterminada de nuestro sitio será suficiente con pulsar en el icono «Asignar predeterminado»:
Ahora es muy importante que revisemos concienzudamente todas las secciones de nuestro sitio web, módulos, plugins, y componentes, pues algunas plantillas pueden ocasionar problemas con algunos módulos para los que no sean compatibles. Para ello pulsaremos en «Previsualizar…»:
Nos mostrará cómo queda la página o sitio web de nuestra empresa u organización con la nueva plantilla de Joomla!. Si nos gusta como queda y si se comporta correctamente para todos los módulos instalados en Joomla! podremos dejarla como predeterminada, si por el contrario no nos gusta o vemos que falla en alguna sección podremos establecer como predeterminada cualquier otra como hemos indicado anteriormente:
Personalizar plantilla en Joomla! 3
Para personalizar una plantilla en Joomla! necesitaremos tener algunos conocimientos sobre hojas de estilos CSS, si queremos realizar alguna modificación más profunda (además de cambiar colores y tipos de letra) tendremos que tener conocimientos de html, php y demás. A continuación indicaremos dónde se personaliza una plantilla en Joomla!.
Para modificar las opciones básicas de una plantilla accederemos al menú «Extensiones» – «Gestor de plantillas»:
Pulsaremos en «Estilos», marcaremos la plantilla a personalizar y pulsaremos en «Editar»:
Desde el estilo podremos cambiar el nombre que muestra en el listado, modificar algunas opciones e incluso indicar para qué opción de menú queremos que se aplique. Joomla! permite asignar estilos o plantillas diferentes para cada opción de menú:
Para personalizar manualmente una plantilla (estilos css, colores, tipos de letra), desde «Estilos» pulsaremos en el enlace de la columna «Plantilla»:

Desde esta sección Joomla! nos permite modificar los archivos principales de la plantilla pulsando en «Editar la página principal de la plantilla», que suelen venir en código fuente PHP y nos permite modificar las hojas de estilos pulsando en «Editar css/template.css»:
Nos mostrará un cuadro de edición con el texto de la hoja de estilos, desde aquí podremos modificar valores de colores, tipos de letra, etc. pero con precaución pues podríamos provocar que la plantilla no funcionase correctamente: