DocumentaciónCommerceContenido y diseño

Jerarquía de páginas

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creado para:

  • Principiante
  • Intermedio
  • Administrador
  • Usuario
Función Adobe Commerce {width="20"} Característica exclusiva solamente 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 estructura de árbol. 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 la barra lateral Admin, vaya a Stores > Settings>Configuration.

  2. En el panel izquierdo bajo General, elija Content Management.

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

  4. Una vez finalizado, 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, podría crear un nodo denominado Comunicados de prensa que tenga acceso a comunicados de prensa individuales. A continuación, puede incluir el vínculo en su página 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, use la herramienta Widget para crear un vínculo de nodo de jerarquía de CMS y coloque el widget en un bloque de contenido o una página.

Ejemplo de menú de navegación en la página Acerca de nosotros

Paso 1: Crear un nodo

  1. En la barra lateral Admin, 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, escriba un Title ​para el nodo y un URL Key ​adecuado.

    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 en 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 en 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ú.

    Arrastrando páginas a la posición {width="500" modal="regular"}

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

    La sección 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 en Yes.

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

    • Para organizar las páginas de la jerarquía como un libro, establezca Enable Chapter/Section en 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 en una de las siguientes opciones:

      • 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, establezca Enable Pagination en Yes.

  2. Para Frame, escriba 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. En Frame Skip, escriba el número de páginas que desea saltar 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áginas, establezca Show in navigation menu en 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 la página {width="300" modal="regular"}

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

    • Content: el diseño de menú está en el contenido.
    • Use Default: utiliza el estilo de menú especificado en la 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 en 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ú, escriba Maximal Depth para el número máximo de niveles que desea incluir.

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

    • Unordered: las opciones de menú no están numeradas y se les puede dar formato 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 les puede dar formato de números numéricos, alfabéticos o romanos en mayúsculas o minúsculas.

  6. Establezca List Style en una de las siguientes opciones:

    • 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 establezca Show in Navigation menu en Yes.

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

  8. Haga clic en Save.

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