Configurar la navegación

Esta página se aplica a Apigee y Apigee Hybrid.

Consulta la documentación de Apigee Edge.

Configura la navegación para vincular las páginas que desarrollaste a tu portal, como se describe en las siguientes secciones.

Explora la página Menús

Configura y publica los menús de navegación en tu portal con el editor del menú de navegación de la página Menús.

Para acceder a la página Menús, haz lo siguiente:

IU de la consola de Cloud

  1. En la consola de Apigee en Cloud, ve a la página Distribución > Portales.

    Ir a Portales
  2. Haz clic en tu portal.
  3. Haz clic en Menús.

    Haz clic para obtener una imagen más grande

IU clásica

  • Selecciona Publicar > Portales en la barra de navegación lateral, selecciona el portal y haz clic en Menús en la página de destino.
  • Cuando edites el portal, selecciona Menús en el menú desplegable de la barra de navegación superior.

    Menús

El editor del menú de navegación te permite hacer lo siguiente:

Acerca de los menús de navegación predeterminados

Se proporcionan dos menús de navegación de forma predeterminada: Encabezado y Pie de página. Los menús de navegación predeterminados aparecen en el conjunto de páginas de inicio proporcionadas y se vinculan con este, como se muestra en la siguiente figura.

Menús predeterminados

Agrega elementos a un menú de navegación

Para agregar un elemento a un menú de navegación, haz lo siguiente:

  1. Accede a la página Menús
  2. Selecciona el menú que deseas editar en la lista desplegable (Encabezado o pie de página).
  3. Haz clic en + Elemento de menú.
  4. En el diálogo del menú de navegación, ingresa los siguientes detalles:

    Campo Descripción ¿Es obligatorio?
    Nombre El nombre del elemento de menú tal como aparecerá en el portal. Este valor puede ser diferente del nombre de la página real.
    Ruta o URL de la página Ingresa una URL absoluta a una página externa, una URL absoluta o relativa a una página de tu portal, o bien haz clic en el campo de texto y selecciona una página de tu portal en la lista desplegable.
  5. Haz clic en Crear.

  6. Haz clic en Publicar para publicar los cambios en el portal en vivo.

Reorganiza los elementos de menú

Para reorganizar un elemento en un menú de navegación, haz lo siguiente:

  1. Accede a la página Menús
  2. En la lista desplegable, seleccione el menú que desea editar.
  3. Mueve el elemento de menú.

    IU de la consola de Cloud

    Haz clic en la flecha hacia arriba de una fila para mover el elemento hacia arriba. También puedes hacer clic en la flecha hacia abajo de una fila para mover el elemento hacia abajo.

    IU clásica

    1. Coloca el cursor sobre el elemento del menú que deseas mover para ver las acciones.
    2. Haz clic y mantén presionado el botón del mouse sobre controlador del menú a la izquierda del nombre del elemento de menú.
    3. Arrastra el elemento de menú a su nueva ubicación en la lista de elementos de menú y suelta el botón del mouse.
  4. Haz clic en Publicar para publicar los cambios en el portal en vivo.

Crea un submenú

Un submenú se muestra como un menú desplegable cuando se superpone el elemento principal.

Submenú

Para crear un submenú, sigue estos pasos:

  1. Accede a la página Menús
  2. En la lista desplegable, seleccione el menú que desea editar.
  3. Agrega un elemento de menú que funcionará como el menú principal.
  4. Agrega elementos de menú adicionales que funcionarán como submenús.
  5. Reorganiza los elementos del submenú para que estén debajo del menú superior en el orden deseado que desees que aparezcan en el menú.
  6. Cambiar un elemento del menú a un submenú

    IU de la consola de Cloud

    Haz clic en Más y, luego, en Convertir en elemento de submenú.

    Para volver a mover un elemento del submenú a la jerarquía de menú de nivel superior, haz lo siguiente:

    Haz clic en Más y, luego, en Convertir en elemento de nivel superior.

    IU clásica

    Coloca el cursor sobre el elemento del menú que quieras agregar como un submenú y haz clic en Ícono de submenú para aplicar sangría a los elementos del submenú en un nivel inferior al menú superior.

    Para volver a mover un elemento del submenú a la jerarquía de menú de nivel superior, haz clic en Submenú con sangría.

    En la siguiente figura, se muestra cómo aparece un elemento de submenú en la lista del menú:

    Ejemplo de submenú

  7. Haz clic en Publicar para publicar los cambios en el portal en vivo.

Edita un elemento del menú de navegación

Para editar un elemento en el menú de navegación, haz lo siguiente:

  1. Accede a la página Menús
  2. En la lista desplegable, seleccione el menú que desea editar.
  3. Abre el editor.

    IU de la consola de Cloud

    En el elemento que quieres editar, haz clic en Más, Editar.

    IU clásica

    Coloca el cursor sobre el elemento de menú que deseas editar y haz clic en Ícono Editar.

  4. Edita los detalles del elemento del menú.

  5. Haz clic en Guardar.

  6. Haz clic en Publicar para publicar los cambios en el portal en vivo.

Publica un menú de navegación

Para publicar un menú de navegación, haz lo siguiente:

  1. Accede a la página Menús
  2. En la lista desplegable, selecciona el menú que quieres publicar.
  3. Haz clic en Publicar para publicar el menú de navegación.

Elimina un elemento de un menú de navegación

Para eliminar un elemento de un menú de navegación, haz lo siguiente:

  1. Accede a la página Menús
  2. En la lista desplegable, selecciona el menú que deseas editar.
  3. Borra el elemento del menú.

    IU de la consola de Cloud

    En el elemento que deseas borrar, haz clic en Más, Borrar.

    IU clásica

    1. Coloca el cursor sobre el elemento de menú en la lista para mostrar el menú de acciones.
    2. Haga clic en Ícono Borrar.
  4. Haz clic en Borrar para confirmar la operación de borrado.

  5. Haz clic en Publicar para publicar los cambios en el portal en vivo.

Personaliza los elementos del menú y la barra de navegación

Personaliza el tamaño y el estilo de fuente de los elementos de menú y otros aspectos de la apariencia de la barra de navegación, como se describe en Personaliza la barra de herramientas de navegación.