En un artículo anterior te hemos indicado cómo crear un nuevo menú de navegación para tu sitio Joomla. Recuerda que en nuestras prácticas de nuestros tutoriales, el punto de partida es la realización de un sitio web personal de un docente que imparte biología, geología, y asignaturas afines en un IES. Joomla utiliza una estructura concreta para categorizar y clasificar los contenidos que vayas creando en tu sitio, las llamadas secciones y categorías que, en realidad, es una organización interna del sistema que no tiene por qué tener un reflejo en el sitio Web al que acceden tus usuarios o visitantes (el frontend de Joomla) salvo que establezcas menús de navegación cuyas entradas apunten directamente a ellas.
En concreto, ya sabes cómo crear un menú cuyas entradas (también llamados ítems de menú) apunten a las secciones que tienes diseñadas en tu sitio. Cuando lo diseñamos le pusimos por nombre Menú superior y lo configuramos de tal manera que le asignamos la posición user 3 en la plantilla que tenemos actualmente en uso, la plantilla rhuk milkyway.
Continuamos en este artículo con el diseño de un nuevo menú de navegación cuyo objetivo será mostrar a los usuarios – visitantes de tu sitio los contenidos que se incluirán en cada una de dichas secciones.
Para ello seguiremos el siguiente esquema para cada sección:
| SECCIÓN | CATEGORÍAS |
| Tercero de la ESO | Unidades temáticas |
| Programaciones | |
| Apuntes | |
| Actividades y trabajos | |
| Exámenes y ejercicios | |
| Recursos Web |
Por tanto, vas a crear un menú concreto para Tercero de la ESO, de nombre Materiales para Tercero de la ESO, cuyas entradas o ítems del menú apunten a las categorías anteriores. Cuando finalices deberás también crear otros menús exactamente iguales para el resto de secciones de tu sitio. Así, tus alumnos podrán acceder a todos los recursos educativos, propios o de terceros que les has preparado o seleccionado, según el nivel o asignatura que estén cursando.
El resultado final será que en tu sitio Joomla dispondrás de varios menús de navegación diferenciados:
Ya conoces el procedimiento. Puede incluso hasta resultar tedioso y aburrido, si son muchas las categorías a crear, como ocurre en este caso.
Crea las categorías Unidades temáticas, Programaciones, Apuntes, Actividades y trabajos, Exámenes y ejercicios para la sección Tercero de la ESO. Fíjate que ya tenemos creadas las categorías Recursos Web para cada una de las secciones. Si has seguido nuestros tutoriales, en su momento te mostramos cómo hacerlo. Para ello desde el Panel de Control haz clic en el botón Gestor de categorías. En la nueva pantalla pulsa en el botón Nuevo y finalmente, teclea cada una de ellas en el cuadro de texto Título. Asegúrate de seleccionar en cada caso la sección que corresponda, en este caso Tercero de la ESO y guarda los cambios mediante el botón Guardar. No te preocupes del resto de campos que Joomla tiene establecidos de forma predeterminada. Déjalos tal cual están.
Cuando finalices el Gestor de categorías te mostrará el listado con las nuevas categorías creadas.
Repite idénticos procedimientos para crear las categorías que corresponden a Cuarto de la ESO, 1º de Bachillerato y 2º de Bachillerato.
Finalmente, el listado del Gestor de categorías incluirá 25 categorías diferentes, seis por cada curso que impartes excepto 2º de Bachillerato que tiene siete (fíjate hemos diferenciado las categorías Recursos Web de Biología y Recursos Web de Ciencias de la Tierra.)
Ejecuta el gestor de menús. Puedes para ello acudir al menú Menús – Gestor de menús o pulsar directamente su icono correspondiente en el Panel de Control de Joomla:
![]() |
![]() |
Accedes así a la pantalla de configuración de menús del sistema. Haz clic sobre el botón Nuevo de la barra de herramientas de la parte superior derecha para crear un menú nuevo.
Introduce los siguientes datos:
Pulsa el botón Guardar para indicar que ya has acabado de configurar el nuevo menú. Aparecerá nuevamente el Gestor de menús, incluyendo ahora en el listado que te ofrece, el menú que acabas de crear.
Vas a editar el menú recién creado. Para ello haz clic en el icono Editar ítems del menú para añadir nuevas entradas en él:
Pulsa el botón Nuevo. Selecciona Artículos – Categoría – Presentación de la categoría blog desplegando los menús sucesivos.
Se inicia la página de configuración del nuevo ítem de menú. Escribe un nombre para el Título y selecciona la categoría a la que se corresponde en el apartado Parámetros – Básico – Categorías. Asegúrate además de teclear el valor 1 en la opción Columnas. Haz clic en el botón Guardar para salvar los cambios.
En concreto, crea 6 ítems de menú del mismo tipo Presentación de la categoría blog utilizando las siguientes opciones:
Llega el momento de configurar el módulo asociado al menú creado. El siguiente paso que tienes que realizar obligatoriamente después de crear un nuevo menú es configurar su módulo asociado.
Acude, por tanto, al Gestor de módulos y localiza en el mismo el nuevo módulo recién creado (recuerda que le indicaste a Joomla como título del módulo Materiales para 3º de la ESO) así que este será su nombre en el listado:
Observa en la columna Habilitado que se muestra un icono rojo: el menú está despublicado. No podrá visualizarse en tu sitio Web. En efecto, si actualizas el Frontend de tu sitio no lo verás en él.
Haz clic en el nombre del módulo para acceder a la página de configuración del módulo. Asegúrate de configurar el apartado Detalles de la siguiente manera:
Despliega la sección Parámetros avanzados haciendo clic sobre ella. Escribe _menu en el cuadro de texto Sufijo de la clase del módulo.
Utilizamos este sufijo _menu porque el mismo hace referencia a una clase CSS definida en la plantilla, capaz de mostrar los módulos dentro de un recuadro con las esquinas redondeadas.

Guarda finalmente los cambios realizados haciendo clic en el botón Guardar. Si acudes de nuevo al Frontend de tu sitio (actualízalo con la tecla F5 de tu teclado) ya puedes ver el aspecto final del nuevo menú que acabas de crear y comprobar el funcionamiento de los enlaces en él incluídos.
Nota
Se ha aplicado el sufijo _menu porque ya sabíamos que la plantilla actual del sitio, la plantilla rhuk milkyway tenía definido este estilo CSS, pero ¿qué hubiera ocurrido si tuviésemos activa otra plantilla que no contiene este estilo?
Esto refuerza el argumento de que es importante elegir la plantilla a utilizar en un estado inicial del diseño del sitio.
Ahora tienes que repetir idénticos procedimiento para crear los otros 3 menús (exactamente iguales) para las secciones Cuarto de la ESO, 1º de Bachillerato y 2º de Bachillerato (en este menú hay una entrada más, Recursos Web CMC). Joomla te facilita la creación de menús utilizando el copiado de los enlaces o ítems de menú de unos a otros pero no olvides revisar que cada enlace apunte a la categoría que corresponde.
El aspecto final del Gestor de menús será el que ves en la siguiente captura de pantalla:
Acude ahora a la configuración de cada módulo asociado a cada menú y asegúrate de que se encuentren publicados, en la posición izquierda – left y hayas tecleado el parámetro avanzado _menu en cada uno de ellos, tal y como ya te hemos indicado.
Si actualizas el Frontend de tu sitio, verás los nuevos menús de navegación en el sitio. Sí... ya sé... te preguntarás... ¿para qué sirven cuatro menús iguales en la página?
No te apures... a continuación, te mostraremos un truco muy sencillo para tu sitio Joomla que te permitirá mostrar menús, y por tanto, módulos en las páginas de tu sitio que selecciones. Es la denominada carga dinámica de módulos.
Mostrar este artículo en su sitio web© 2013 - Con el ordenador a cuestas
| < Prev | Próximo > |
|---|