Recurso Menú - Template Saga

1
Recurso Menú
www.sagasoluciones.com
[email protected]
C/ Salado 11 Local 10. 41010 Sevilla
T. + 34 954 45 72 75
F. + 34 954 45 75 72
Manual del Recurso Menú
CONTROL DEL DOCUMENTO
Realizado
(23/09/2010)
Ignacio Villegas
Técnico
Revisado
(01/10/2010)
Inma Peña
Técnico
Control de Modificaciones
Revisión
Nº 1
Nº 2
Fecha
Autor/res
23/09/2010
01/10/2010
Ignacio Villegas
Inma Peña
2
SAGA Soluciones Tecnológicas
Descripción
Descripción
Descripción
Manual del Recurso Menú
Índice de Contenido
1.
INTRODUCCIÓN ............................................................................................................. 4
2.
CREACIÓN DEL RECURSO MENÚ.................................................................................... 4
3.
CONFIGURACIÓN .......................................................................................................... 5
4.
TIPOS DE MENÚS .......................................................................................................... 6
4.1 MENÚ NORMAL ___________________________________________________________ 6
4.2 MENÚ DESPLEGABLE ______________________________________________________ 8
4.3 MENÚ EXPANDIDO _________________________________________________________ 9
4.4 MENÚ LINKLIST _________________________________________________________ 10
3
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
1. Introducción
En este manual se explica cómo crear un Recurso Menú que es el encargado de generar el menú
de nuestro sitio web. Para que este recurso funcione es necesario que este incluido en un recurso
layout en el campo menú superior, o que esté incluido en una caja del propio layout o cualquier
otro recurso que permita la inserción de cajas.
Este recurso también puede usarse para generar el Mapa Web de nuestro sitio web.
2. Creación del Recurso Menú
Para crear un Recurso Menú pulsamos en el botón “Nuevo” de la barra de herramientas del
OpenCms.
Nos aparece una ventana en la que tenemos que elegir la opción Recursos de Configuración SAGA
Pulsamos continuar, y seguidamente nos aparecerá otra ventana donde seleccionamos el recurso
[SAGA] Menú
Pulsamos el botón continuar. Nos aparece una nueva ventana donde escribimos el nombre del
recurso Menú.
Nota importante: Este nombre debe ir sin acentos y sin espacios.Ejemplo: menu
La casilla Insertar ".html" el sufijo al nombre, debe estar seleccionada.
Una vez introducido el nombre pulsamos “Continuar” y nos aparecerá una nueva ventana donde
podemos editar las propiedades del recurso, podemos introducir un “Title” que corresponde con
4
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
el Título del Recurso menú, el cual si pude llevar acentos y espacios y una descripción. Pulsamos
Terminar.
3. Configuración
Ya tendriamos creado el Recurso Menu el siguiente paso sería editarlo para su correcta
configuración.
Para ello, nos posicionamos sobre el recurso Menu que acabamos de crear, pulsamos el botón
derecho y selecionamos en el menu desplegable “editar” se nos abrirá una ventana con unos
campos que debemos rellenar para su configuración.
1.1. Campo ID: (campo Obligatorio) Este campo es un identificador único para el recurso,
debemos introducir un nombre sin espacios ni caracteres especiales.
1.2. Campo Title: (campo Opcional) Este campo corresponde con el título del recurso, si
introducimos un título, este saldrá encima del menú. Si no introducimos ningún título
mostrará directamente el menú (sin título)
1.3. Campo Ruta: (campo Obligatorio) Este campo introduce la ruta donde iniciaremos la
navegación de nuestro portal, le especificamos a partir de que carpeta se mostrará el
menú.
Por ejemplo: si tenemos tres niveles de carpeta en nuestro site podemos especificarle que
empiece a generar un menú desde el nivel dos (/nivel 1/nivel 2/)
1.4. Campo Nivel de inicio: (campo Opcional) Este campo introduce el nivel de inicio donde
empezaremos a mostrar el menú. Con este campo podemos especificarle a un tipo de
menú que en base al campo Ruta que hemos especificado, nos muestre el menú a partir
de un nivel en concreto. Los valores que acepta deben ser valores numérico comprendido
entre el 0 y 3.
1.5. Campo Nivel de fin: (campo Opcional) Este campo nos permite introducir un número
máximo de niveles que debe mostrar en el menú. Los valores que acepta deben ser
valores numérico comprendido entre el 1 y 9. Ver carpetas: Habilite la visualización de
carpetas
5
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
1.6. Campo Ver Carpetas: Si activamos este campo todas las carpetas que tengan la propiedad
de navegación se mostrará en el Menú.
1.7. Campo Ver Ficheros: Si activamos este campo todos los recursos que tengan la propiedad
de navegación se mostrará en el Menú.
1.8. Campo Ver Titulo Sección: Si activamos este campo todos los títulos de los recursos que
tengan la propiedad de navegación se mostrará en el Menú.
1.9. Campo Tipo de Menú: En este campo tenemos que especificar le tipo de menú queremos
utilizar, Hay cuatro tipos de Menú (Menú Normal, Menú Desplegable, Expandido y
Linklist).
Ejemplo del Recurso Menú:
4. Tipos de Menús
En el desplegable que completa el campo Tipo de Menú del recurso, podremos seleccionar
determinados tipos de menús disponibles. Cada uno mostrará la información de distinto modo.
4.1 Menú normal
Es la primera opción que nos aparece en el desplegable:
6
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
Es el tipo empleado cuando el menú principal de nuestra web va a tener su ubicación en una
columna.
Aparecerán los títulos de las secciones de primer nivel, quedando ocultos los del submenú de
segundo nivel en adelante.
Éstos serán vistos cuando hagamos clic en los visibles:
Esto mismo ocurrirá con todos los niveles anidados que encontremos en el directorio web del
sitio.
7
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
4.2 Menú Desplegable
Corresponde a la segunda opción de tipos de menús disponibles del recurso:
Se emplea cuando queramos mostrar nuestro menú horizontalmente bajo nuestra cabecera:
Al pasar el puntero del ratón sobre cada una de las secciones se desplegará automáticamente las
opciones de menú de segundo nivel de forma vertical:
En cuanto a los siguientes niveles de menús, se mostrarán en horizontal, tal y como podemos ver
en la siguiente imagen:
8
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
4.3 Menú expandido
Tercera opción de Menú disponible en el recurso.
Este tipo es similar al Menú Normal, sólo que en vez de ocultar las opciones de segundo nivel y
consecutivos, las muestra.
9
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
Las características de este tipo de menú, lo hacen compatible con ser usado para mostrar el
mapa web del sitio:
4.4 Menú LinkList
Cuarto tipo con el que podemos controlar independientemente a nuestra navegación las
opciones que queramos que aparezcan en nuestro menú.
Para configurar dicho tipo, es necesario crear otro tipo de recurso Saga:
Lista de Enlaces.
Para crearlo, pulsamos el botón Nuevos de la barra de herramientas de OpenCms
10
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
A continuación accedemos al panel de recursos donde seleccionamos la opción TEMPLATE SAGA
- Recursos de Contenido y pulsamos Continuar
Del siguiente panel seleccionaremos el Recurso Lista de enlaces para crearlo.
11
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
Pulsamos el botón continuar. Nos aparece una nueva ventana donde escribimos el nombre del
recurso.
Nota importante: Este nombre debe ir sin acentos y sin espacios.Ejemplo: menu
La casilla Insertar ".html" el sufijo al nombre, debe estar seleccionada.
Una vez introducido el nombre pulsamos “Continuar” y nos aparecerá una nueva ventana donde
podemos editar las propiedades del recurso, podemos introducir un “Title” que corresponde con
el Título del Recurso, el cual si pude llevar acentos y espacios y una descripción. Pulsamos
Terminar.
Una vez creado podremos editarlo.
Sobre su icono y a través del botón derecho del ratón accederemos al menú contextual en el que
seleccionaremos la opción Editar:
12
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
Cada Link se compone de los siguientes campos:
a. Title: Corresponde al título o nombre del enlace que va a mostrarse.
13
SAGA Soluciones Tecnológicas
Manual del Recurso Menú
b. Target: Contiene un desplegable en el que podremos elegir si queremos que el enlace se abra
en una nueva ventana del navegador o en la misma.
c. Link: Contendrá la ruta a la que se dirige el enlace.
d. Descripción: Podremos ofrece más datos acerca del enlace.
En cada uno de los campos Link, editaremos manualmente cada uno de los títulos del primer
nivel de nuestro menú, cuya disposición dependerá de los estilos que apliquemos.
14
SAGA Soluciones Tecnológicas