Cómo incluir una agenda y un calendario en tu sitio Joomla - El componente JEvents: menús y módulos

Tags: CMS | gestor de contenidos | Joomla

Hasta ahora todos los cambios que hemos realizado en el componente Jevents, los eventos que hemos creado y configurado o las categorías que nos permiten organizar y clasificar estos eventos han sido simplemente tareas internas que no tienen un reflejo en nuestro sitio Web. Los usuarios – visitantes del sitio no pueden ver ni nuestra agenda ni a nuestros calendarios, ni siquiera pueden acceder y visualizar los eventos que hemos creado.

¿Acaso hemos hecho algo mal? En absoluto, simplemente queda un último paso: crear una entrada en algún menú de navegación que apunte al componente instalado y, por tanto, a las categorías y eventos en él configurados y, si lo deseas, también puedes utilizar alguno de los módulos que instalamos en nuestro primer artículo dedicado a este componente que facilite la tarea de localización de estos eventos a los usuarios. Y ambas cosas, como verás, si se mostrarán en cualquier página o páginas de tu sitio, ya sea la página principal o no.

Te indicamos cómo puedes proceder y las distintas opciones que tanto el componente JEvents como los módulos asociados al mismo te ofrecen.

Crea una entrada en un menú para JEvents

Esta es una de las primeras opciones que permite que los usuarios – visitantes de tu sitio puedan visualizar todos los cambios que hayas realizado en el componente. Es muy simple: creas una entrada en cualquier menú de navegación de tu sitio que al hacer clic en ella posibilite que se muestre un calendario en la página.

Para ello:

Acude a Menús – Menú principal (o cualquier otro menú que tengas configurado en el sistema y que quieras aprovechar para este artículo).

 

Accedes así al listado de ítems de menú (o entradas) que tienes configurado en el menú. Haz clic en el botón Nuevo para añadir un nuevo ítem de menú al menú principal de Joomla 1.5.

Observa: tras la instalación de JEvents el componente ha generado también una entrada específica para JEvents en el listado de nuevos ítems de menú:

Despliega las opciones disponibles haciendo clic en el nombre del componente:

 

¡Menudo listado! Sin entrar en todos los detalles referentes a todas las opciones, recapitulemos: estamos creando una entrada en el menú Principal y esa entrada puede conseguir que al hacer clic se muestre la administración de JEvents (Manage Jevents), un listado con los eventos y las categorías configuradas (Jevents lists by category), un listado de los eventos creados para el día actual (Jevents list by day)... ¿Vas comprendiendo? Dependiendo del objetivo que persigas con la creación de la entrada del menú escogerás una u otra opción.

En este caso concreto, vas a seleccionar la opción Calendario Mensual. ¿Por qué motivo? Porque nos parece que resulta muy útil que nuestros usuarios – visitantes del sitio al hacer clic en la entrada correspondiente del menú visualicen el mes completo en curso (pero puedes seleccionar cualquiera otra de las opciones si te interesan, el procedimiento para configurarlas es exactamente igual).. Esto no cierra las posibilidades del calendario, como podrás apreciar, sólo significa qué es lo que van a ver al pulsar sobre el menú, ya que Jevents proporcionará a los usuarios numerosas opciones diferentes para acceder a los eventos.

Selecciona pues la entrada Calendario mensual en el listado haciendo clic sobre su nombre. Accedes así a la página de configuración de la nueva entrada de menú. En Titulo escribe Agenda y deja el resto de opciones tal cual están: confirma que el nivel de acceso es Público para que cualquier usuario – visitante de tu sitio pueda hacer clic en la entrada Agenda del menú principal y ver así el calendario establecido en JEvents.

Guarda los cambios.

Acude ahora al Frontend de tu sitio (botón Previsualizar, que se localiza en la parte superior de la página) y observa el aspecto de la nueva entrada en el menú y su comportamiento. Haz clic en Agenda y fíjate cómo actúa el componente mostrándote, en primer instancia, el calendario del mes en curso.

Las miniaturas de la parte superior del calendario mensual permite a los usuarios – visitantes de tu sitio visualizar un calendario anual, semanal, el día actual, mostrar un cuadro de texto para buscar un evento determinado, navegar hasta un mes concreto... ¡Completísimo!

Recuerda que, si estás siguiendo nuestros artículos dedicados a Jevents, en el artículo anterior que hemos publicado de esta serie creamos unos eventos concretos para el 1 de septiembre o el 28 de octubre. Por supuesto, si el usuario – visitante acude a dichos meses podrá visualizar los eventos en cuestión:

 

Y un clic en el nombre del evento en el calendario permitirá acceder a sus opciones visualizando así su contenido:

 

Muestra un pequeño calendario en el sitio – el módulo JEvents Calendar

La opción anterior, crear una entrada en un menú, puede ser útil para un determinado sitio pero tal vez no estrictamente necesario. Me explico: no necesitas crear ninguna entrada en ningún menú (¡vaya, para qué habrás ocupado tanto tiempo en algo no necesario!): puedes hacerlo si quieres, como ya te hemos explicado, pero puedes, como alternativa, utilizar algunos de los módulos que instalamos en el sistema cuando comenzamos esta serie dedicada a JEvents. Entenderás mis palabras mucho mejor cuando finalices la lectura de esta sección del artículo.

Recuerda que hemos instalado el módulo Mini Calendario y que, ya en su momento, te indicamos que era muy recomendable su instalación. Verás ahora su utilidad.

Acude al Gestor de Módulos de la administración de Joomla: menú Extensiones – Gestor de módulos. En la nueva página que aparece en pantalla localiza el módulo JEvents Calendar.

En primer lugar haz clic en el botón rojo. Observa como su estado cambia a verde: esto significa que has habilitado el módulo, por tanto, lo has publicado directamente en tu sitio. Si accedes al Frontend de tu sitio ya podrás verlo.

Perfecta y correctamente sincronizado con el componente JEvents reflejará todos los cambios que en el componente realices. Por ejemplo, podrás ver que en el calendario del mes de septiembre el día 1 está recuadrado, para indicar que en dicho día hay un evento configurado. O el 28 de octubre (también teníamos un evento aquí configurado).

 

Y si haces clic en este último recuadro accederás a la página del componente que muestra el evento configurado para el día señalado. ¡Así de simple!

 

¿Entiendes ahora por qué no necesitas la entrada en el menú? Si lo deseas puedes ahorrártela. Sencillamente configura el módulo JEvents Calendar para que se muestre en tu sitio, sin más.

Recuerda que JEvents Calendar es un módulo y que como tal, puedes configurarlo a tu antojo. Acude para ello a la administración de Joomla, al Gestor de módulos y haz clic en el listado sobre el nombre JEvents Calendar para acceder así a la página de configuración del módulo:

Título: Escribe Agenda, ese nombre en inglés no es el más adecuado, ¿no crees?

Posición: Coloca el módulo en la posición de tu plantilla que creas la más adecuada. Right, a la derecha, puede ser un buen sitio.

Si quieres que el calendario se muestre en todas las páginas de tu sitio, una opción recomendable, deja en Asignación de menú, validada la opción Todo.

En Parámetros del módulo tienes una gran variedad de opciones. Son bastante intuitivas, como hacer que aparezca el año anterior o el siguiente, el mes anterior o no, incluir un sufijo de la clase del módulo para cambiar el aspecto o la estética del módulo (según la plantilla en uso), hacer que el título del módulo o el nombre del mes sean textos enlazables que apunten a su correspondiente opción en el componente (por ejemplo, si haces clic en el nombre del mes en el calendario, Joomla te mostrará el calendario mensual en la página del sitio).

Cuando finalices de dejar el módulo según tus preferencias haz clic en el botón Guardar. Acude al Frontend de tu sitio, observa su aspecto y comprueba su funcionamiento.

Otros módulos

El módulo JEvents Latest permite mostrar los últimos eventos creados y configurados. Por ejemplo, en nuestro caso lo hemos configurado en modo de visualización 0 en el apartado Parámetros del módulo para que muestre los eventos de la semana siguiente a la fecha actual, pero puedes configurarlo según tus necesidades. ¡Si es que deseas que este módulo se muestre en tu sitio, ya ves que tampoco es estrictamente necesario que lo instales ni que lo habilites, sólo cumple esta función!

 

El módulo JEvents Legend sólo tiene sentido cuando está visible el componente, pues sirve para indicar la relación que existe entre las categorías que has creado y los colores que has configurado a cada uno de ellos. Por tanto, si deseas incluirlo en tu sitio te recomendamos lo configures de tal manera que en Asignación de menú sólo esté asignado al ítem de menú Agenda que creamos en el primer apartado de este artículo.

 

como ocurre con el módulo anterior este módulo sólo cumple esta función. Por tanto, tampoco necesitas ni instalarlo ni habilitarlo, salvo que quieras implementar esta opción en tu sitio.

---

En resumen:

• Necesitas instalar el componente JEvents para gestionar eventos de tu agenda o calendarios para tus usuarios.

• Puedes, si lo deseas, crear una entrada en algún menú de navegación que permita a tus usuarios – visitantes acceder a la visualización de los eventos creados y configurados.

• Una opción muy recomendable es instalar y configurar correctamente el módulo JEvents Calendar, que permite incluir un minicalendario en alguno de los laterales de tu sitio. Sincronizado completamente con el componente permite el acceso a todos los eventos creados y configurados (si el nivel de acceso es público, claro).

• Y por supuesto, puedes utilizar niveles de acceso diferentes para las entradas de menú o para los módulos que configures relacionados con el componente. Esto permite que puedas crear eventos al que sólo determinados usuarios de Joomla puedan acceder. Creas así eventos privados. Las combinaciones son múltiples.

Descarga nuestro tutorial en formato PDF - 292 kb - Descargar

 

Mostrar este artículo en su sitio web

< Prev		Próximo >

Joomla - Componentes