≡En resumen
- Una plantilla de Joomla controla el diseño; el contenido vive aparte, en la base de datos.
- Joomla usa dos plantillas a la vez: una para la web pública y otra para el panel de administración.
- Desde Joomla 4.1 puedes crear plantillas hijas para personalizar sin perder cambios al actualizar.
- Antes de instalar una plantilla, comprueba que es compatible con tu versión: Joomla 5 y 6 no admiten muchas plantillas antiguas.
- Los overrides permiten cambiar cómo se muestra un componente o módulo sin tocar el núcleo.
01 ¿Qué son las plantillas de Joomla (Joomla templates)?
Esta separación entre contenido y presentación es la idea central de cualquier CMS. Joomla se publicó el 17 de agosto de 2005 como una bifurcación de Mambo y, desde Joomla 4 (agosto de 2021), trae de serie dos plantillas: Cassiopeia para la parte pública y Atum para el panel de administración. En «themes Joomla» y «plantillas Joomla» la gente suele buscar lo mismo: diseños listos para instalar.
Plantilla de sitio
La que ven tus visitantes. Puedes tener varias instaladas y asignar distintos estilos a distintas páginas.
Plantilla de administración
La del panel de control. Casi nunca se cambia; Atum es la estándar.
Estilo de plantilla
Una configuración guardada de una plantilla (colores, logo, fuentes) que puedes duplicar y asignar a elementos de menú.
Plantilla hija
Hereda todo de una plantilla madre y solo guarda los archivos que modificas.
02 Cómo está hecha una plantilla de Joomla
Una plantilla es un conjunto de archivos PHP, CSS, JavaScript e imágenes. Desde Joomla 4.1 los archivos de código están en templates/nombre-plantilla/ y los recursos estáticos (CSS, JS, imágenes, SCSS) en media/templates/site/nombre-plantilla/.
| Archivo o carpeta | Para qué sirve |
|---|---|
| templateDetails.xml | El manifiesto: nombre, versión, autor, archivos, posiciones de módulos y parámetros |
| index.php | La maqueta de la página: dónde van la cabecera, el contenido y cada posición |
| joomla.asset.json | Declara los CSS y JS de la plantilla para el gestor de recursos web de Joomla |
| error.php y offline.php | Las páginas de error y de sitio en mantenimiento |
| component.php | Versión mínima de la página, usada por ejemplo para imprimir o en ventanas modales |
| html/ | Los overrides: versiones propias de las vistas de componentes y módulos |
03 Dónde conseguir plantillas Joomla gratis y de pago
Joomla no tiene un catálogo oficial de plantillas integrado en el panel, como sí ocurre con los temas de WordPress. Las plantillas se descargan de sus desarrolladores y se instalan subiendo un archivo ZIP. Hay tres grandes opciones:
La plantilla por defecto
Cassiopeia es gratuita, accesible, adaptable al móvil y se actualiza con Joomla. Con una plantilla hija y algo de CSS da para muchas webs corporativas.
Frameworks de plantillas
Proyectos como Astroid, Helix (de JoomShaper) o YOOtheme Pro ofrecen un constructor visual y muchas opciones. Algunos tienen versión gratuita y otros son de pago.
Clubes y marketplaces
Proveedores especializados y marketplaces generalistas venden plantillas sueltas o suscripciones con acceso a todo su catálogo.
Plantilla a medida
Diseñada desde cero o como hija de Cassiopeia, sin código sobrante y ajustada a tu marca.
04 Cómo instalar una plantilla en Joomla paso a paso
-
1
Haz una copia de seguridad
Archivos y base de datos, antes de tocar el diseño de una web en producción.
-
2
Descarga el paquete correcto
Asegúrate de que el ZIP es la plantilla instalable y no un paquete con documentación y otros ZIP dentro.
-
3
Instálala
En el panel, ve a Sistema, Instalar, Extensiones y sube el archivo del paquete.
-
4
Revisa los estilos
En Sistema, Estilos de plantilla del sitio, aparecerá el nuevo estilo con sus opciones: logo, colores, fuentes.
-
5
Márcala como predeterminada
Pulsa la estrella del estilo para usarlo en todo el sitio, o asígnalo solo a algunos elementos de menú.
-
6
Recoloca los módulos
Comprueba que cada módulo está en una posición que exista en la nueva plantilla.
05 Cómo personalizar una plantilla sin perder los cambios
El error clásico es editar directamente los archivos de la plantilla: en la siguiente actualización se sobrescriben y los cambios desaparecen. Joomla ofrece tres formas seguras de personalizar, de menor a mayor complejidad. La lógica es la misma que la de un tema hijo en WordPress.
| Método | Qué permite | Dónde se hace |
|---|---|---|
| user.css y user.js | Añadir estilos o scripts propios a Cassiopeia sin tocar sus archivos | Editor de la plantilla, creando esos archivos en la carpeta css o js |
| Plantilla hija | Cambiar cualquier archivo de la madre conservando las actualizaciones | Sistema, Plantillas del sitio, detalles de la plantilla, Crear plantilla hija |
| Overrides | Modificar el HTML que genera un componente o módulo (por ejemplo, el listado de artículos) | Editor de la plantilla, pestaña Crear overrides |
Crea una plantilla hija de Cassiopeia y, dentro, un archivo user.css con :root { --cassiopeia-color-primary: #0b5d4b; }. El resto del diseño se mantiene y las actualizaciones de Joomla no borrarán tu color de marca.
06 Cómo elegir una buena plantilla de Joomla
- ✓Compatibilidad declarada con tu versión: Joomla 5 o Joomla 6 (lanzado en octubre de 2025).
- ✓Actualizaciones recientes y un historial de cambios visible.
- ✓Diseño adaptable al móvil de verdad, probado en un teléfono y no solo en la demo.
- ✓Código ligero: pocas librerías y fuentes externas para no penalizar la velocidad de carga web.
- ✓Accesibilidad: contraste suficiente, navegación con teclado y encabezados bien ordenados.
- ✓Soporte y documentación en un idioma que entiendas.
- ✓Licencia clara: número de sitios permitidos y duración de las actualizaciones.
1,1 %
de todos los sitios web usan Joomla (1,6 % de cuota entre los que usan un CMS)
Fuente: W3Techs, septiembre de 2026
40,2 %
de todos los sitios web usan WordPress (58,7 % de cuota entre CMS)
Fuente: W3Techs, septiembre de 2026
Esa diferencia de cuota explica que la oferta de temas de WordPress sea mucho mayor (puedes comparar con las mejores plantillas de WordPress). Si tu web en Joomla es antigua, antes de invertir en una plantilla nueva valora si compensa migrar de plataforma. Y si la plantilla hace que la web vaya lenta, cambiarla puede ser la forma más rápida de mejorar la velocidad web.
07 Plantilla comprada o diseño a medida
| Criterio | Plantilla prediseñada | Diseño a medida |
|---|---|---|
| Coste inicial | Bajo | Más alto |
| Plazo | Días | Semanas |
| Diferenciación | Baja: otras webs usan el mismo diseño | Alta: pensado para tu marca |
| Rendimiento | Carga funciones que no usas | Solo el código necesario |
| Dependencia | Del proveedor y sus actualizaciones | Del equipo que la mantiene |
Para un proyecto pequeño, una plantilla bien elegida es suficiente. Cuando la web es un canal de venta importante, una agencia de diseño web puede crear una plantilla propia o una hija de Cassiopeia optimizada para tu marca, tus conversiones y tu SEO.
Preguntas frecuentes sobre Joomla Templates
Es una extensión que define el diseño de un sitio hecho con Joomla: estructura, estilos y posiciones de módulos. Cambiarla modifica el aspecto de la web sin tocar el contenido.
Desde Joomla 4, Cassiopeia para la parte pública y Atum para el panel de administración. Siguen siéndolo en Joomla 5 y 6.
Desde Sistema, Instalar, Extensiones, subiendo el ZIP de la plantilla. Después, en Estilos de plantilla del sitio, la marcas como predeterminada con la estrella.
Por lo general, no. Joomla 4 cambió la arquitectura de plantillas y muchas de Joomla 3 no funcionan. Busca siempre una versión declarada compatible con tu instalación.
Una plantilla que hereda todo de otra (la madre) y solo guarda los archivos que modificas. Existe desde Joomla 4.1 y evita perder cambios al actualizar.
La más segura es Cassiopeia, incluida en Joomla. También hay frameworks con versión gratuita y proveedores que ofrecen plantillas gratis; descárgalas siempre de la web oficial del desarrollador.
La plantilla son los archivos instalados; el estilo es una configuración concreta de esa plantilla. Puedes tener varios estilos de la misma plantilla y asignarlos a páginas distintas.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗