Asistencia al usuario para autores de contenido |
---|
Ejemplos de diseño de elementos de menú
Puede dar formato al diseño y disposición de los elementos de menú con códigos de marcador de posición y HTML.
Diseño de menú simple
Este ejemplo muestra la estructura básica del diseño de elementos utilizado por un menú para dar formato a los datos de búsqueda. Debe especificar los siguientes códigos en la sección Diseño para cada resultado de búsqueda de menú del formulario de elementos de menú.
Diseño | Detalles |
---|---|
|
En vez de un URL, utilice un marcador de posición href. |
|
En vez de texto, inserte un marcador de posición title. |
Se repite para cada enlace devuelto por la consulta de búsqueda definida en el elemento de menú. También puede utilizar un código TitleLink:
Diseño | detalles |
---|---|
|
Este código genera el mismo resultado que el ejemplo anterior. |
Al crear menús para utilizarlos en portlets de representación, se utiliza un código URLCmpnt para crear un enlace en vez de un marcador de posición.
<a HREF= "[URLCmpnt context="autofill" type="content" mode="portal" portalTarget="URLMap">" target="_blank"> [Property context="autofill" type="content" field="title"] </a> <br>
Utilización de un menú para visualizar imágenes
Para visualizar imágenes en un menú en lugar de texto, sustituya el marcador de posición name por una referencia a un elemento de imagen seleccionado de contenido o de áreas de sitio.
Diseño | Detalles |
---|---|
|
En vez de un URL, utilice un marcador de posición href. Es en el diseño de resultados de menú donde se inserta el URL del elemento de menú en el menú representado. |
|
En lugar de un marcador de posición name (como en el ejemplo anterior), inserte un código de elemento. El tipo de origen
puede ser un contenido o un área de sitios. El contexto se rellena automáticamente. En este ejemplo, el campo al que se hace referencia es "Image". El contenido o las áreas de sitios que se devuelven también deben contener un elemento de imagen denominado "Image". Las imágenes que almacena en el área de sitios o en el contenido pueden ser diferentes, pero deben tener todas el mismo código. |
Adición de un elemento de navegación de páginas a un diseño de menú
Para añadir controles de navegación a un menú, añada una referencia a un elemento de navegación de páginas en el pie de página o en la cabecera.
- Cabecera
- <div>
- Resultados de menú
Tabla 4. Diseño para cada resultado de búsqueda de menú. Este diseño crea una nueva fila de tablas para cada elemento listado en el menú. Diseño Detalles <span> <a href=" [placeholder tag="href" ] ">
En vez de un URL, inserte un marcador de posición URL. Es en el diseño de resultados de menú donde se inserta el URL del elemento de menú en el menú representado. [placeholder tag="name" ] </a><br> </span>
En vez de texto, utilice un marcador de posición name. - Pie de página
Tabla 5. Pie de página Diseño Detalles <span> [component name= "pagenav" ] </span> </div>
Añada una referencia a un elemento de navegación de páginas creado anteriormente para añadir funciones de navegación a un diseño de menú. En este ejemplo, se hace referencia al elemento de navegación de páginas desde un componente de navegación de páginas llamado "pagenav".