DocumentaciónCommerceContenido y diseño

Jerarquía de páginas

Last update: Mon Nov 27 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Usuario
Función Adobe Commerce {width="20"} Función exclusiva solo en Adobe Commerce (Más información)

El sistema de jerarquía de páginas de almacenamiento le permite organizar las páginas de contenido y agregar paginación, navegación y menús. La página Política de privacidad de los datos de ejemplo es un ejemplo de una página con un menú a la izquierda. Si publica una gran cantidad de contenido regularmente, puede utilizar una jerarquía de páginas para organizar el contenido y facilitar la búsqueda de artículos de interés.

El sistema de jerarquía de páginas utiliza nodos para identificar fragmentos de contenido relacionados y organizar las páginas de contenido en relaciones principales/secundarias. Un nodo principal es como una carpeta que puede contener nodos y páginas secundarios. La posición relativa de cada nodo y página en la jerarquía se muestra como una árbol estructura. Un nodo puede contener otros nodos y páginas de contenido, y una sola página de contenido puede asociarse con varios nodos y otras páginas de contenido en una relación principal/secundario o de vecino.

Página con navegación izquierda

Configurar jerarquía de páginas

Los ajustes de configuración activan el sistema de jerarquía de páginas y los metadatos, y determinan el diseño de menú predeterminado.

Jerarquía de páginas de CMS

  1. En el Administrador barra lateral, vaya a Stores > Settings>Configuration.

  2. En el panel izquierdo, debajo de General, elija Content Management.

  3. Expandir Selector de expansión CMS Page Hierarchy y realice los cambios que sean necesarios.

  4. Cuando termine, haga clic en Save Config.

Campo
Descripción
Enable Hierarchy Functionality
Activa el uso de la jerarquía de páginas para las páginas de contenido. Opciones: Yes / No
Enable Hierarchy Metadata
Cuando esta opción está habilitada, puede asociar metadatos con páginas de la jerarquía. Opciones: Yes / No
Default Layout for Hierarchy Menu
Determina el estilo de menú predeterminado. Opciones: Content / Left Column / Right Column

Adición de un nodo de jerarquía

En el siguiente ejemplo se muestra cómo crear un nodo con navegación sencilla a páginas de contenido relacionadas. Aunque un nodo no tiene una página de contenido asociada, tiene una clave URL a la que se puede hacer referencia en cualquier otra parte del sitio.

Por ejemplo, puede crear un nodo llamado Comunicados de prensa que tiene navegación a comunicados de prensa individuales. A continuación, puede incluir el vínculo en su Acerca de nosotros al nodo. O puede crear un nodo para una colección de números anteriores de la newsletter.

Para vincular a un nodo, utilice el Widget herramienta para crear un vínculo de nodo de jerarquía de CMS y colocar el widget en un bloque de contenido o página.

Menú de navegación de ejemplo en la página Acerca de nosotros

Paso 1: Crear un nodo

  1. En el Administrador barra lateral, vaya a Content > Elements>Hierarchy.

    Cuadrícula de páginas CMS {width="600" modal="regular"}

  2. Sobre la cuadrícula, haga clic en Add Node….

  3. En Page Properties, introduzca un Title ​para el nodo y un adecuado URL Key.

    La clave URL proporciona una dirección web única para el nodo. Debe tener todos los caracteres en minúsculas, con guiones para separar las palabras, en lugar de los espacios.

    Propiedades de página {width="500" modal="regular"}

  4. Haga clic Save.

    El nodo aparece como una carpeta en el árbol a la izquierda de la página.

Paso 2: Agregar páginas al nodo

  1. En el árbol de jerarquía, haga clic en para seleccionar el nodo.

  2. Haga clic Add Selected Pages(s) to Tree.

    Puede desplazarse hacia arriba para ver que cada página seleccionada aparece en el árbol debajo de la carpeta del nodo.

Paso 3: Definición de la estructura

  1. Si es necesario, arrastre las páginas a su posición para reflejar el orden en que aparecerán en el menú.

    Arrastrar páginas a su posición {width="500" modal="regular"}

  2. Haga clic en el nodo en la parte superior de la jerarquía.

    El Page Properties ​ahora muestra información sobre el nodo.

  3. En Render Metadata in HTML Head, haga lo siguiente:

    Procesar configuración de metadatos {width="400" modal="regular"}

    • Para identificar el nodo como la parte superior de la jerarquía, establezca First hasta Yes.

    • Para mostrar un control de paginación, establezca Next/Previous hasta Yes.

    • Para organizar las páginas en la jerarquía como un libro, establezca Enable Chapter/Section hasta Yes.

      Si no desea incluir el nodo como parte del libro, deje el valor predeterminado No.

    • Para asignar el nodo a una parte específica del libro, establezca Chapter/Section a uno de los siguientes:

      • No - No define el nodo como capítulo/sección.
      • Chapter : asigna el nodo actual como un capítulo.
      • Section : asigna el nodo actual como una sección.
      • Both : asigna el nodo actual como capítulo y sección.

Paso 4: Añadir controles de paginación

  1. En Opciones de paginación para páginas anidadas, configurado Enable Pagination hasta Yes.

  2. Para Frame, introduzca el número de vínculos de página que desea incluir en el control de paginación.

    Si hay más páginas en la jerarquía que se pueden incluir en el control de paginación.

  3. Para Frame Skip, introduzca el número de páginas que desea saltar (o volver) para el siguiente conjunto de vínculos de paginación.

Paso 5: Selección del diseño del menú

Si desea que el nodo aparezca en el menú, haga lo siguiente:

  1. En Opciones del menú de navegación de página, configurado Show in navigation menu hasta Yes.

    Esta configuración determina si se genera un menú de navegación para la jerarquía de páginas.

    Opciones del menú de navegación de página {width="300" modal="regular"}

  2. Para especificar la ubicación del menú en relación con el contenido, establezca el Menu Layout:

    • Content - El diseño del menú está en el contenido.
    • Use Default : utiliza el estilo de menú especificado en la variable configuración.
    • Left Column : el menú aparece a la izquierda del contenido.
    • Right Column : el menú aparece a la derecha del contenido.

  3. Para especificar cuántos detalles se incluyen en el menú, establezca Menu Detalization a uno de los siguientes:

    • Only Children : solo incluye subpáginas en el menú.
    • Neighbours and Children : Incluye subpáginas y otras páginas que se encuentran en el mismo nivel de la jerarquía.

  4. Para determinar la profundidad del menú, introduzca la variable Maximal Depth para el número máximo de niveles que se van a incluir.

  5. Para dar formato al menú, elija una List Type:

    • Unordered : Las opciones de menú no están numeradas y se pueden formatear con o sin viñetas. Opciones para el tipo de lista sin ordenar: Predeterminado/Círculo/Disco/Cuadrado
    • Ordered : las opciones de menú están numeradas y se pueden formatear como números numéricos, alfabéticos o romanos en mayúsculas o minúsculas.

  6. Establecer List Style a uno de los siguientes:

    • Circle
    • Disc
    • Square

  7. Si también desea que el nodo esté visible en el menú de navegación, desplácese hasta Opciones del menú de navegación principal y establecer Show in Navigation menu hasta Yes.

    Opciones del menú de navegación principal {width="250" modal="regular"}

  8. Haga clic Save.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de