Creación de fragmentos de contenido authoring-content-fragments

En este capítulo, crea y edita un nuevo fragmento de contenido basado en el modelo de fragmento de contenido recién definido. También aprenderá a crear variaciones de Fragmentos de contenido.

Requisitos previos prerequisites

Este es un tutorial de varias partes y se supone que se han completado los pasos descritos en Definición de modelos de fragmentos de contenido.

Objetivos objectives

  • Crear un fragmento de contenido basado en un modelo de fragmento de contenido
  • Crear una variación de fragmento de contenido

Crear una carpeta de recursos

Los fragmentos de contenido se almacenan en carpetas en AEM Assets. Para crear fragmentos de contenido a partir de los modelos creados en el capítulo anterior, se debe crear una carpeta para almacenarlos. Se requiere una configuración en la carpeta para habilitar la creación de fragmentos de modelos específicos.

  1. AEM En la pantalla de inicio de la, vaya a Assets > Archivos.

    Vaya a los archivos de recursos

  2. Pulse Crear en la esquina superior derecha y pulse Carpeta. En el cuadro de diálogo resultante, introduzca:

    • Título*: Mi proyecto
    • Nombre: my-project

    Cuadro de diálogo Crear carpeta

  3. Seleccione la carpeta Mi carpeta y pulse Propiedades.

    Abrir propiedades de carpeta

  4. Pulse la ficha Cloud Service. En la pestaña Configuración de nube, use el buscador de rutas para seleccionar la configuración de Mi proyecto. El valor debe ser /conf/my-project.

    Establecer configuración de nube

    Al establecer esta propiedad, se permiten crear fragmentos de contenido con los modelos creados en el capítulo anterior.

  5. Pulse la pestaña Políticas, en el campo Modelos de fragmento de contenido permitidos, use el buscador de rutas para seleccionar el modelo Persona y Equipo creado anteriormente.

    Modelos de fragmento de contenido permitidos

    Estas directivas las hereda cualquier subcarpeta automáticamente y se pueden anular. También puede permitir modelos por etiquetas o habilitar modelos de otras configuraciones de proyecto. Este mecanismo proporciona una forma eficaz de administrar la jerarquía de contenido.

  6. Pulse Guardar y cerrar para guardar los cambios en las propiedades de la carpeta.

  7. Vaya a la carpeta Mi proyecto.

  8. Cree otra carpeta con los siguientes valores:

    • Título*: inglés
    • Nombre: en

    Una práctica recomendada es configurar proyectos para el soporte multilingüe. Consulte la siguiente página de documentos para obtener más información.

Creación de un fragmento de contenido create-content-fragment

TIP
AEM Para usuarios locales del SDK de la: Utilice la interfaz de usuario de AEM Assets para crear fragmentos de contenido, en lugar de la interfaz de usuario de fragmentos de contenido que se describe a continuación. AEM Para obtener instrucciones detalladas, consulte la documentación de la aplicación.

A continuación, se crean varios fragmentos de contenido basados en los modelos Equipo y Persona.

  1. AEM En la pantalla de inicio de la, pulse Fragmentos de contenido para abrir la interfaz de usuario de los fragmentos de contenido.

    IU de fragmento de contenido

  2. En el carril izquierdo, expanda Mi proyecto y pulse Inglés.

  3. Pulse Crear para que aparezca el cuadro de diálogo Nuevo fragmento de contenido e introduzca los siguientes valores:

    • Ubicación: /content/dam/my-project/en
    • Modelo de fragmento de contenido: Persona
    • Título: John Doe
    • Nombre: john-doe

    Nuevo fragmento de contenido

  4. Pulse Crear.

  5. Repita los pasos anteriores para crear un fragmento que represente a Alison Smith:

    • Ubicación: /content/dam/my-project/en
    • Modelo de fragmento de contenido: Persona
    • Título: Alison Smith
    • Nombre: alison-smith

    Pulse Crear para crear el fragmento Persona.

  6. A continuación, repita los pasos para crear un fragmento de Equipo que represente a Alpha del equipo:

    • Ubicación: /content/dam/my-project/en
    • Modelo de fragmento de contenido: Equipo
    • Título: Alpha de equipo
    • Nombre: team-alpha

    Pulse Crear para crear el fragmento de equipo.

  7. Debe haber tres fragmentos de contenido debajo de Mi proyecto > Inglés:

    Nuevos fragmentos de contenido

Editar fragmentos de contenido de persona edit-person-content-fragments

A continuación, rellene los fragmentos recién creados con datos.

  1. Puntee en la casilla que está junto a John Doe y luego en Abrir.

    Abrir fragmento de contenido

  2. El editor de fragmentos de contenido contiene un formulario basado en el modelo de fragmento de contenido. Rellene los distintos campos para agregar contenido al fragmento John Doe. Para la imagen de perfil, cargue su propia imagen en AEM Assets.

    Editor de fragmentos de contenido

  3. Pulse Guardar y cerrar para guardar los cambios en el fragmento John Doe.

  4. Vuelva a la interfaz de usuario del fragmento de contenido y abra el archivo Alison Smith para editarlo.

  5. Repita los pasos anteriores para rellenar el fragmento Alison Smith con contenido.

Editar fragmento de contenido de equipo edit-team-content-fragment

  1. Abra el fragmento de contenido Alpha del equipo mediante la interfaz de usuario del fragmento de contenido.

  2. Rellene los campos de Título, Nombre corto y Descripción.

  3. Seleccione los fragmentos de contenido John Doe y Alison Smith para rellenar el campo Miembros del equipo:

    Establecer miembros del equipo

    note note
    NOTE
    También puede crear fragmentos de contenido en línea con el botón Nuevo fragmento de contenido.
  4. Pulse Guardar y cerrar para guardar los cambios en el fragmento Alpha de equipo.

Fragmentos de contenido de Publish

TIP
AEM Para usuarios locales del SDK de la: Utilice la interfaz de usuario de AEM Assets para publicar fragmentos de contenido, en lugar de la interfaz de usuario de fragmentos de contenido que se describe a continuación. AEM Para obtener instrucciones detalladas, consulte la documentación de la aplicación.

Tras la revisión y verificación, publique el Content Fragments creado

  1. AEM En la pantalla de inicio de la, pulse Fragmentos de contenido para abrir la interfaz de usuario de los fragmentos de contenido.

  2. En el carril izquierdo, expanda Mi proyecto y pulse Inglés.

  3. Puntee en la casilla que está junto a los fragmentos de contenido y luego en Publish.
    Fragmento de contenido de Publish

Enhorabuena. congratulations

Felicidades, ha creado varios fragmentos de contenido y una variación.

Siguientes pasos next-steps

En el capítulo siguiente, Explorar las API de GraphQL AEM, explorará la manera de explorar las API de GraphQL mediante la herramienta integrada de GrapiQL. AEM Descubra cómo genera automáticamente un esquema de GraphQL basado en un modelo de fragmento de contenido. Experimentará construyendo consultas básicas usando la sintaxis de GraphQL.

Documentación relacionada

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4