[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla

# Cómo personalizar la plantilla de administración de Joomla

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)   20 Marzo 2019    [Tips Joomla](https://sergioiglesias.net/blog/joomla)   2 - 4 minutos    Visitas: 6707  -
- [ Desarrollo Joomla ](https://sergioiglesias.net/etiquetas/desarrollo-joomla)
- [ Plantillas Joomla ](https://sergioiglesias.net/etiquetas/plantillas-joomla)

   ![](https://sergioiglesias.net/images/blog/tips/personalizacion-plantilla-administracion-joomla.png) El pasado fin de semana un usuario me preguntaba si había alguna forma de **personalizar el back de Joomla**. Que había buscado información y no encontraba nada...

Así que he decidido rescatar [este artículo que escribí hace tiempo para la Magazine de Joomla](https://magazine.joomla.org/es/ediciones-anteriores/item/3200-personalizacion-plantilla-administracion-joomla) en el que **explico, paso a paso, cómo personalizar la plantilla de administración de Joomla**.

Cómo personalizar la plantilla de administración de #Joomla - Isis - #MejorConJoomla

  [  Compártelo ](https://www.linkedin.com/sharing/share-offsite/?url=https://sergioiglesias.net/blog/joomla/como-personalizar-la-plantilla-de-administracion-de-joomla "Compártelo")   [  Postéalo ](https://twitter.com/intent/tweet?url=https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-personalizar-la-plantilla-de-administracion-de-joomla&text=C%C3%B3mo%20personalizar%20la%20plantilla%20de%20administraci%C3%B3n%20de%20%23Joomla%20-%20Isis%20-%20%23MejorConJoomla "Postéalo")   [  Envíalo ](https://api.whatsapp.com/send?text=C%C3%B3mo%20personalizar%20la%20plantilla%20de%20administraci%C3%B3n%20de%20%23Joomla%20-%20Isis%20-%20%23MejorConJoomla%20-%20https%3A%2F%2Fsergioiglesias.net%2Fblog%2Fjoomla%2Fcomo-personalizar-la-plantilla-de-administracion-de-joomla "Envíalo")

## Por qué personalizar esta plantilla Joomla

La verdad que no es algo que suela hacer en los proyectos que desarrollo. Pero, a veces, puede resultar interesante.

Te pongo un par de ejemplos que se me ocurren:

- **Cuando tenemos varias páginas web de la misma temática y queremos diferenciarlas**: por ejemplo, en la web de la [Liga de los Casos Clínicos](https://sergioiglesias.net/blog/general/430-la-liga-de-los-casos-clinicos-con-joomla) tenemos 2 años (2018 y 2019); cada uno con un color. Para identificar en cuál nos encontramos de una forma rápida, personalizamos esta plantilla de administración con los mismos colores.
- **Queremos dar un valor añadido al cliente y que se sienta identificado en su página web**: personalizar cualquier cosa es algo a tener en cuenta para poder destacar de nuestra competencia.

De cualquier forma, aquí te traigo los pasos necesarios para personalizar ISIS, la plantilla de back de Joomla.

## Plantillas de administración Joomla

Como seguramente ya sabrás Joomla viene con 2 plantillas diferentes para la zona de administración: Hathor e Isis.

Hathor es "más accesible".

Isis es la que viene como predeterminada.

Para poder acceder a ellas tienes que ir a `Extensiones > Plantillas`:

![plantillas back](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/plantillas-back_1230.png?version=814b5340fbc8963537e527e9a66ca593)

*Tienes que hacer uso del primero de los filtros de esta pantalla para poder verlas.*

Para poder modificar los estilos (colores) y el logo que vienen por defecto tienes que seguir estos pasos:

1/ Entrar en ella e ir a la pestaña que pone "Avanzado".

![isis avanzado](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/isis-avanzado_1230.png?version=ac6adbef7923a4a3a5d79c8ea25a371c)

2/ Modificar los campos de configuración.

Como puedes ver, tienes varios campos para los colores, los de logotipo y algunas configuraciones más.

Vamos a suponer que la empresa/negocio/particular para el que estás desarrollando su sitio web tiene una gama de colores corporativos en tonalidades verdes y el siguiente logotipo:

![logo demo](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/logo-demo_1230.png?version=88b4175bfe3a06ebf5e190b2a025b45f)

Para que el cliente se sienta identificado en su sitio cuando acceda a la parte de administración, entendemos que le gustará ver "sus elementos".

Así que... manos a la obra y a modificar estos campos de configuración.

![isis modificada](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/isis-modificada_1230.png?version=b8d74964c126df6d2d97891f895ec421)

Una vez has realizado estos cambios, guarda y podrás ver el resultado.

Pasarás de esto:

![plantillas isis defecto](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/plantillas-isis-defecto_1230.png?version=ac2b70d71a3ab384a84cdb0c99a99dca)

A esto:

![plantillas isis modificada](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/plantillas-isis-modificada_1230.png?version=4a605c07b73e76631fe411ac947ac0be)

Un simple cambio que siempre queda bien y genera confianza en los clientes.

Hay que tener en cuenta que no solo se cambia la página de acceso sino que también se modifican las internas.

![plantillas isis modificada interno](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/plantillas-isis-modificada-interno_1230.png?version=3f2d667ebd47fb5cb15dbea48bebe0bd)

## ¿Se pueden modificar o añadir estilos a la plantilla?

Sí, se puede.

Y además, de forma que no se eliminen los cambios con las actualizaciones de Joomla.

La forma correcta de hacerlo es crear un archivo de estilos llamado **custom.css** dentro de **administrator/templates/isis/css/**

En este fichero podrás añadir y/o modificar los estilos que necesites para adaptar el template de Back a tus propósitos.

Por ejemplo, para modificar el color primario de los botones, podrías poner el siguiente código:

 ```
.btn-primary {
  background-color: #65792C;

  background-image: linear-gradient(to bottom, #9CB341, #65792C);

  background-repeat: repeat-x;
  border-color: #65792C #65792C #9CB341;

  color: #fff;

  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn-primary:hover{
    background-color: #65792C;

}
```

En este ejemplo se están usando los mismos colores que los utilizados en la personalización anterior.

El resultado lo puedes ver a continuación:

![plantillas isis customizada](https://sergioiglesias.net/media/cached-resp-images//images/blog/tips/plantilla-administracion/plantillas-isis-customizada_1230.png?version=81a1758fac1430ad47c9dc636ffef126)

## ¿Y algún cambio más?

Pues sí.

Puedes modificar más cosas a través de extensiones (generalmente módulos) para adaptarla a las necesidades y hacer el sitio más fácil de utilizar para tu cliente. Pero… de estas extensiones de parte de Back hablaremos en otro artículo.

Espero que te haya resultado de interés este pequeño **tutorial de personalización del panel de administración**.

Un cambio que no te lleva apenas tiempo y que genera mucha confianza.

---

Espero que te haya resultado de interés este artículo.

 Otro artículo que te puede interesar, también relacionado con la parte de **adminsitración de Joomla**, es este: [Cómo optimizar el panel de administración de Joomla](https://sergioiglesias.net/blog/joomla/460-como-optimizar-el-panel-de-administracion-de-joomla)

[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado

### ¿No sabes bien en qué estado

está tu web Joomla?

Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.

Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML

[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables

[![Sergio Iglesias](https://sergioiglesias.net/images/sergiois-joomla-web.png)](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior

Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.

[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")

### Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**.

[Quiero apuntarme!](https://sergioiglesias.net/newsletter)

###  No hay comentarios

###  Deja tu comentario

 En respuesta a Some User

 Nombre \*

 Dirección de email \*

 Texto del comentario \*

 Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*