sábado, 14 de julio de 2012

Que es un modulo en joomla 2.5


modulos joomla25 0En este tutorial veremos qué es un módulo, explicaremos cómo se gestionan este tipo de extensiones y haremos un recorrido por los módulos de Joomla 2.5, viendo finalmente algunos ejemplos prácticos.
Los módulos son extensiones empleadas para mostrar los contenidos de una página. Se estructuran en forma de caja y se organizan en torno a un contenido principal.
Las posiciones de los módulos están determinadas por la plantilla que estemos utilizando en nuestra web, de forma que al cambiar la plantilla, la posición de los módulos también cambiará.
Aquí podemos ver las posiciones que ocupan algunos de los módulos de Joomla en una plantilla:
modulos joomla25 1
Figura 1: Posiciones para módulos en una plantilla

Gestionando un módulo
Si nos dirigimos a “Extensiones > Gestor de módulos” veremos un listado con todos los módulos configurados en nuestra web. Si nos fijamos en la columna “Tipo” veremos que pueden existir varios módulos del mismo tipo (por ejemplo varios módulos del tipo menu).
modulos joomla25 2
Figura 2: Módulos del mismo tipo

Desde aquí podremos publicar y despublicar los módulos, modificarlos o añadir nuevos.
modulos joomla25 3
Figura 3: Barra de herramientas de menús

Para añadir un módulo, pulsaremos en “nuevo” y seleccionaremos el tipo de módulo deseado del listado.
modulos joomla25 4
Figura 4: Seleccionando el tipo de módulo
Tras esto, escribiremos el título del módulo, su posición en nuestra plantilla, las páginas en las que se mostrará, etc.
modulos joomla25 5
Figura 5: Detalles del menú

Veremos que el módulo aparece ahora en la lista del gestor de módulos.
modulos joomla25 6
Figura 6: Módulo recien creado

Y también será visible en el front-end.
modulos joomla25 7
Figura 7: Vista del módulo en el frontend

Módulos del core
En el JED podemos encontrar infinidad de módulos que ampliarán las funciones y posibilidades que Joomla nos ofrece. Sin embargo, la instalación estándar de Joomla incluye una serie de módulos que nos permitirán confeccionar un página web completa:
  • Anuncios. Nos muestra los anuncios activos del componente “Anuncios”.
modulos joomla25 8
Figura 8: Módulo de anuncios

  • Artículos Archivados. Muestra una lista con los meses del calendario que contienen artículos archivados.
modulos joomla25 9
Figura 8: Artículos archivados

  • Artículos relacionados. Nos mostrará una lista de artículos que guardan relación con el que estamos viendo.
modulos joomla25 10
Figura 9: Artículos relacionados

  • Artículos de la categoría. Nos muestra los artículos clasificados dentro de una categoría determinada.
modulos joomla25 11
Figura 10: Artículos de categoría

  • Noticias de actualidad. Mostrará una serie de artículos específicos pertenecientes a una o varias categorías.
modulos joomla25 12
Figura 11: Noticias de actualidad

  • Buscar. Este módulo nos presenta un pequeño formulario de búsqueda.
modulos joomla25 13
Figura 12: Módulo de buscador
  • Canales electrónicos. En este módulo veremos las noticias de un canal específico.
modulos joomla25 14
Figura 13: Canales electrónicos (feeds)
  • Categorías de artículos. Mostrará una lista de categorías a partir de una principal.
modulos joomla25 15
Figura 14: Categorías de artículos
  • Datos de acceso. Nos muestra un formulario de login.
modulos joomla25 16
Figura 15: Formulario de acceso
  • Enlaces web. Nos mostrará una serie de enlaces pertenecientes a una categoría definida en el componente “Enlaces Web”.
modulos joomla25 17
Figura 16: Enlaces web
  • Estadísticas. Muestra información sobre la instalación del servidor y estadísticas del sitio web.
modulos joomla25 18
Figura 17: Estadísticas

  • HTML personalizado. Con este módulo podremos incluir nuestro propio código HTML.
modulos joomla25 19
Figura 18: Módulo HTML
  • Imagen aleatoria. Nos mostrará una imagen aleatoria que se encuentre en el directorio que decidamos.
modulos joomla25 20
Figura 19: Imagen aleatoria
  • Los mas populares. En este módulo veremos un listado con los artículos con mayor número de visitas.
modulos joomla25 21
Figura 20: Artículos más leídos
  • Menú. Nos muestra un menú en la parte pública del sitio.
modulos joomla25 22
Figura 21: Menú
  • Módulos de búsquedas inteligentes. Es un módulo de búsqueda vinculado con el componente “Búsqueda inteligente”.
modulos joomla25 23
Figura 22: Búsqueda inteligente

  • Pie de página. Muestra la información del Copyright de Joomla.
modulos joomla25 24
Figura 23: Pie de página

  • Quien está en línea. Nos mostrará la cantidad de invitados y de usuarios que están navegando por nuestro sitio.
modulos joomla25 25
Figura 24: Quién está en línea
  • Ruta de navegación. Muestra la ruta de navegación, desde la pagina inicial hasta la página en la que nos encontramos.
modulos joomla25 26
Figura 25: Ruta de navegación

  • Selector de idioma. Nos enseña una lista con los idiomas disponibles para poder cambiar entre ellos.
modulos joomla25 27
Figura 26: Selector de idioma
  • Sindicación del sitio. Crea la sindicación de noticias en las páginas donde se muestre.
modulos joomla25 28
Figura 27: Sindicación
  • Últimas novedades. Muestra un lista con los artículos mas actuales.
modulos joomla25 29
Figura 28: Últimas noticias
  • URL embebida. Muestra un marco embebido en un lugar específico.
modulos joomla25 30
Figura 29: URL embebida
  • Usuarios recientes. Nos muestra los últimos usuarios registrados en el sitio.
modulos joomla25 31
Figura 30: Últimos usuarios

Ejemplos
A continuación veremos cómo configurar algunos de los módulos que acabamos de describir:

Menú
La función de este módulo es la de mostrar un menú en el front-end. Para añadir un nuevo menú, tendremos que ir a “Menus > gestor de menus > Añadir nuevo menu” e introduciremos el título y el tipo de menu.
modulos joomla25 32
Figura 31: Detalles del menú
Posteriormente accederemos al menú y agregaremos los elementos que lo conformarán.
modulos joomla25 32 1
Figura 32: Detalles del módulo menú

Tras esto iremos al gestor de módulos y añadiremos un nuevo módulo del tipo “Menú”. Habrá que escribir su título, seleccionar su posición,las páginas en las que será visible y el menú que se verá en el módulo.
modulos joomla25 33
Figura 33: Detalles del módulo
Si accedemos al front-end, veremos que el módulo está accesible.
modulos joomla25 34
Figura 34: Vista previa del menú


HTML personalizado
Con este módulo podremos añadir nuestro propio código HTML. Para utilizarlo, iremos al gestor de módulo y añadiremos un nuevo elemento del tipo “HTML personalizado”. Ahora completaremos los campos correspondientes (título, descripción, etc) y pulsaremos en “HTML” para introducir nuestro código.
modulos joomla25 35
Figura 35: Editor HTML

Si accedemos ahora a nuestra web, veremos que el módulo nos muestra el resultado del código HTML.
modulos joomla25 36
Figura 36: Vista previa módulo HTML

Artículos mas recientes
Si queremos mostrar una lista con los artículos mas reciente publicados en nuestra web, tendremos que emplear el módulo “Ultimas noticias”.
En sus opciones de configuración completaremos los datos comunes de los módulos (titulo, posición, asignación, etc) y tendremos que elegir la categoría cuyos artículos queremos mostrar. También podremos elegir cuántos artículos se verán en la lista, filtrar por autor, modificar el orden o descartar de la lista los artículos destacados.
modulos joomla25 37
Figura 37: Opciones básicas últimas noticias

Para finalizar, si vamos a nuestra página veremos una lista de artículos ajustada a las opciones que hemos elegido.
modulos joomla25 38
Figura 38: Vista previa últimas noticias
Busca Modulos en Joomla Extensiones

0 comentarios:

Publicar un comentario