Creación de fragmentos de contenido

En este capítulo, creará y editará un nuevo fragmento de contenido basado en el recién definido Modelo de fragmento de contenido del colaborador. También aprenderá a crear variaciones de fragmentos de contenido.

Requisitos previos

Este es un tutorial en varias partes y se da por hecho que se han completado los pasos descritos en Definición de modelos de fragmento de contenido.

Objetivos

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

Información general sobre la creación de fragmentos de contenido

El vídeo anterior ofrece información general de alto nivel sobre la creación de fragmentos de contenido.

Crear un fragmento de contenido

En el capítulo anterior, Definición de modelos de fragmento de contenido, se creó un modelo de colaborador. Cree un nuevo fragmento de contenido con este modelo.

  1. En el menú Inicio de AEM vaya a Assets > Archivos.

  2. Haga clic en las carpetas para navegar a Sitio WKND > Inglés > Colaboradores. Esta carpeta contiene una lista de capturas de cabeza para los colaboradores de la marca WKND.

  3. Haga clic en Create en la esquina superior derecha y seleccione Content Fragment:

    Haga clic en Crear un nuevo fragmento

  4. Seleccione el modelo Contributor y haga clic en Siguiente.

    Seleccionar modelo de colaborador

    Este es el mismo modelo de colaborador que se creó en el capítulo anterior.

  5. Introduzca Stacey Roswells para el título y haga clic en Create.

  6. Haga clic en Open en el cuadro de diálogo Success para abrir el fragmento recién creado.

    Nuevo fragmento de contenido creado

    Observe que los campos definidos por el modelo ahora están disponibles para crear esta instancia del fragmento de contenido.

  7. Para Nombre completo, introduzca: Stacey Roswells.

  8. Para Biografía introduzca una breve biografía. ¿Necesita algo de inspiración? No dude en reutilizar este archivo de texto.

  9. Para Picture Reference haga clic en el icono folder y vaya a WKND Site > English > Contributors > stacey-roswells.jpg. Esto se evaluará en la ruta: /content/dam/wknd/en/contributors/stacey-roswells.jpg.

  10. Para Ocupation, elija Fotógrafo.

    Fragmento creado

  11. Haga clic en Guardar para guardar los cambios.

Crear una variación de fragmento de contenido

Todos los fragmentos de contenido comienzan con una variación Principal. La variación Master se puede considerar el contenido predeterminado del fragmento y se utiliza automáticamente cuando el contenido se expone mediante las API de GraphQL. También es posible crear variaciones de un fragmento de contenido. Esta función ofrece una flexibilidad adicional para diseñar una implementación.

Se pueden usar variables para segmentar canales específicos. Por ejemplo, se puede crear una variación mobile que contenga una cantidad menor de texto o haga referencia a una imagen específica del canal. La forma en que se utilizan las variaciones depende en realidad de la implementación. Al igual que cualquier función, se debe realizar una planificación cuidadosa antes de utilizar.

A continuación, cree una nueva variación para hacerse una idea de las capacidades disponibles.

  1. Vuelva a abrir el fragmento de contenido Stacey Roswells.

  2. En el carril lateral izquierdo, haga clic en Crear variación.

  3. En el modal New Variation introduzca un Título de Summary.

    Nueva variación: Resumen

  4. Haga clic en el campo multilínea Biografía y haga clic en el botón Expandir para introducir la vista de pantalla completa del campo multilínea.

    Entrar en la vista Pantalla completa

  5. Haga clic en Resumir texto en el menú superior derecho.

  6. Introduzca un Target de 50 palabras y haga clic en Inicio.

    Vista previa de resumen

    Se abrirá una vista previa de resumen. AEM procesador de idioma del equipo intentará resumir el texto basado en el recuento de palabras de destino. También puede seleccionar distintas frases para eliminarlas.

  7. Haga clic en Resumir cuando esté satisfecho con el resumen. Haga clic en el campo de texto multilínea y active el botón Expandir para volver a la vista principal.

  8. Haga clic en Guardar para guardar los cambios.

Crear un fragmento de contenido adicional

Repita los pasos descritos en Crear un fragmento de contenido para crear un colaborador adicional. Esto se utilizará en el capítulo siguiente como ejemplo de cómo consultar varios fragmentos.

  1. En la carpeta Contributors, haga clic en Create en la esquina superior derecha y seleccione Content Fragment:

  2. Seleccione el modelo Contributor y haga clic en Siguiente.

  3. Introduzca Jacob Wester para el título y haga clic en Crear.

  4. Haga clic en Open en el cuadro de diálogo Success para abrir el fragmento recién creado.

  5. Para Nombre completo, introduzca: Jacob Wester.

  6. Para Biografía introduzca una breve biografía. ¿Necesita algo de inspiración? No dude en reutilizar este archivo de texto.

  7. Para Picture Reference haga clic en el icono folder y vaya a WKND Site > English > Contributors > jacob_wester.jpg. Esto se evaluará en la ruta: /content/dam/wknd/en/contributors/jacob_wester.jpg.

  8. Para Ocupation, elija Writer.

  9. Haga clic en Guardar para guardar los cambios. No es necesario crear una variación, a menos que desee.

    Fragmento de contenido adicional

    Ahora debe tener dos fragmentos Contributors.

Felicitaciones!

Felicidades, acaba de crear varios fragmentos de contenido y crear una variación.

Siguientes pasos

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

En esta página