Módulos de Joomla personalizados

Los módulos de Joomla son esos bloques normalmente van en las columnas laterales pero que también pueden colocarse arriba o abajo del contenido (Los Top o Bottom modules).

Es muy sencillo crear módulos personalizados en Joomla y también muy útil. Para ver claramente las posibles utilidades de crear estos módulos personalizados voy a dar algunos ejemplos:

• Necesitamos publicar varios banners de manera vertical (unos por encima de otros)
• Queremos incluir un código de afiliado (como puede ser Google Adsense, Amazon, o cualquier sistema en el cual nos proporcionen un código que nos identifique como afiliados)
• Tenemos que colocar algún código HTML o Javascript perteneciente a algún botón, banner o información que se tomará desde otro sitio web y se debe mostrar en el nuestro (cotización de monedas, pronósticos del tiempo, etc)
• Debemos incluir un pequeño formulario, o una lista de enlaces directos
• ... y en general cualquier código HTML o Javascript (Ojo, no código PHP, para eso debes hacer un módulo programado)

Paso a Paso

En el menú de administración de Joomla, ve a

Modules >> Site Modules

A continuación te aparecerá la lista de todos los módulos instalados. Ahora haz click en el ícono "New" (nuevo),

A continuación deberás configurarlo:

• Pónle un título,
• Dile si debe mostrarse o no (show title),
• Asígnale la posición donde debe mostrarse el módulo en el sitio (izquierda, derecha, arriba, abajo...),
• Asigna también el órden de aparición con respecto al resto de los módulos que están la misma posición (module order),
• Setea el nivel de acceso (Público, especial o registrados)
• Determina en qué páginas del sitio debe mostrarse este módulo (Pages / Items, Menu Item Link(s))

A los parámetros puedes dejarle sus valores por defecto, no es necesario modificarlos.

Ahora lo más importante: Editar la salida del módulo (HTML). Esto lo puedes hacer con la ayuda del editor WYSIWYG de Joomla, o directamente pegando en él el código fuente que previamente puedes traer de otro editor HTML (Dreamweaver por ejemplo).

En la imagen superior puedes ver cómo he colocado 4 pequeños banners dentro del recuadro rojo, que se mostrarán exactamente igual a cómo se ve dentro del editor HTML.

Bueno, cuando termines de formatear y crear tu nuevo módulo customizado, guarda el cambio (recuerda que debes publicarlo), y ya puedes verlo funcionando.