1. Introducción a las modificaciones de plantila (Overrides)
Joomla es un gestor de contenidos muy flexible y en algunos casos vamos a necesitar modificar el diseño de nuestras extensiones para adaptarlas mejor al estilo de nuestro sitio. Para esto usaremos la técnica de Overrides o de Modificaciones de plantilla.
Estas técnicas son muy intersantes y además podemos aplicarlas a componentes, módulos y también a los plugins que estén preparados para esto.
¿Qué son las modificaciones de plantilla y las presentaciones alternativas?
Las modificaciones de plantilla u Overrides en Joomla son la forma de conseguir pequeños cambios en el diseño de las extensiones y que no se machaquen cuando actualicemos nuestro sitio. Digamos que es una manera muy limpia de adaptar el diseño a lo que necesitamos. Es una cosa tan buena que gestores de contenido como PrestaShop lo han adoptado también en su forma de trabajar con las plantillas.
Además de esto, en Joomla tenemos también la posibilidad de tener presentaciones alternativas que nos permitirán definir para cada elemento una visualización concreta muy fácilmente.
En este vídeo introducimos los overrides y las presentaciones alternativas en Joomla para empezar a adaptar el diseño de nuestros sitios:
Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.
Trabajando con el gestor de modificaciones de plantilla
Crear una presentación alternativa o un override es muy fácil en Joomla, pero se puede simplificar aun más si usamos las herramientas que vienen de serie con Joomla! para conseguirlo. Una de estas herramientas es el generador de modificaciones de plantilla que viene con Joomla! y que a golpe de click nos permite crear los overrides que necesitemos para después editarlos desde la herramienta de gestión de ficheros de plantilla que también viene en el núcleo de Joomla.
En este vídeo vemos lo fácil que es crear estas modificaciones de plantilla desde Joomla y aprendemos a identificar las vistas de extensiones para las que podremos crear un override:
Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.
Sustituyendo fácilmente el JavaScript y el CSS de nuestros componentes
Los overrides no sólo se aplican a los ficheros php de nuestras plantillas, también podremos usarlos en los ficheros JavaScript y en las hojas de estilo de nuestros componentes. De esta forma podremos adaptar mucho mejor el diseño o aprovecharnos de esta técnica para mejorar la velocidad de respuesta de nuestros sitios web.
En el siguiente vídeo aprendemos a crear modificaciones de las hojas de estilo de nuestros componentes y de sus ficheros JavaScript:
Este contenido está únicamente disponible para los suscriptores. Puedes identificarte en este enlace o suscribirte a los cursos.