Custom module class suffix

Como todo solo es cuestión de informarse, practicar un poco antes de realizar los cambios en nuestra plantilla joomla, saber que herramientas necesitamos y con eso y leer un poco de información, veremos que no es tan complicado como en un principio podria parecer, y lo que aquí enseño es como realizar un  añadir un custom module class suffix, en español, personalizar sufijo a la clase de un módulo joomla, de un modo sencillo.

1.- Custom module class suffix – Encontrar la clase del módulo

Leer, ya lo he dicho, es condicion necesaria e imprecindible, mas abajo les indico varios enlaces. para añadir un sufijo a la clase de un módulo Joomla, necesitamos… primero averiguar a que clase le vamos a añadir un sufijo y donde se encuentra esa clase.

Para eso necesitamos una herramienta que nos guie. Para el navegador firefox, en sus últimas versiones, incluye un inspector en Desarrollador web, situado en el menu del navegador, al que se puede acceder con el teclado pulsando las Ctrl+Mayús+C, perfecto para esa labor.

Captura ejemplo

A modo de ejemplo vamos a cambiar el color de las letras un módulo. Con el inspector de Firefox, vemos que clase del css controla el color de las letras en los modulos de nuestra plantilla, por ejemplo > table.moduletable_menu

2.- Editar archivo CSS o Less de la plantilla

Vamos al template.css de la plantilla, o si hablamos de plantillas de última generación buscaremos el archivo con extensión .less generalmente llamado theme.less, lo editamos y buscamos la linea y clase donde estan las instrucciones de color de la fuente del cuerpo del modulo:

table.moduletable td, table.moduletable_menu td{
 padding-top: 3px;
 color              : #56F8JJ;
 }

Lo sustituimos por el siguiente código:

table.moduletable td, table.moduletable_menu td{
 padding-top: 3px;
 color              : #56F8JJ;
 }
table.moduletable td, table.moduletable_micolor td{
 padding-top: 3px;
 color              : #00FF00;
 }

Fijaros que hemos cambiado el color en el sufijo añadido a #00FF00, de tal forma que cuando añadamos el sufijo _micolor tomara ese color.
Guardamos y accedemos al módulo, lo editamos e insertamos el sufijo _micolor (guión bajo micolor) dentro del campo sufijo de la clase del módulo (Module Class suffix en ingles) y listo. Asi se añaden sufijos de clase para los módulos.

3.- Varios enlaces para mas instrucciones

Conociendo los estilos Joomla – Documentación sobre uso de sufijo de clases en módulos – Uso de los estilos propios de Joomla

4.- Otros ejemplos

Para joomla 3, editando un módulo, se puede personalizar desde la opción AVANZADO que se muestra en las pestañas (Tabs) editando el módulo. Ver captura.

En breve mostraremos mas ejemplos de personalización de módulos joomla.