Fragmentos de contenido visual visual-content-fragments
Los fragmentos de contenido contienen contenido estructurado que está diseñado para la salida JSON, sin diseño ni diseño. La adición de plantillas de HTML le permite crear experiencias visuales totalmente decoradas con contenido estructurado en formato HTML:
-
La visualización de un fragmento de contenido ayuda a garantizar la calidad del contenido, lo que permite a las partes interesadas revisar el contenido antes de utilizarlo, sin tener que abrir el Editor de fragmentos de contenido
-
El envío de un fragmento visual ayuda a la entrega omnicanal, para reutilizar experiencias modulares en varios canales, como la web, el correo electrónico o las aplicaciones móviles.
El resultado procesado de un fragmento de contenido de AEM que utiliza el diseño de una plantilla de HTML adjunta se denomina Fragmento de contenido visual.
Las plantillas de HTML contienen información de diseño, lo que permite la visualización de fragmentos de contenido. La conexión entre una plantilla y un fragmento de contenido se establece mediante la sintaxis de Handlebars para asignar etiquetas de HTML a tipos de datos (campos) definidos en el modelo de fragmento de contenido. Esta definición permite que el contenido creado en los campos respectivos del Editor de fragmentos de contenido se muestre en las ubicaciones adecuadas dentro de la plantilla.
Usted o su equipo de desarrollo pueden crear y personalizar sus propias plantillas de HTML, luego cargar y adjuntar una o más a los modelos de fragmentos de contenido para que los fragmentos correspondientes se puedan representar en experiencias, previsualizar y entregar según sea necesario.
Crear una plantilla create-a-template
Las plantillas de HTML desarrolladas mediante Handlebars le permiten previsualizar y entregar fragmentos de contenido visual en formato HTML. La sintaxis Handlebars.js define marcadores de posición para el contenido creado en los campos Fragmento de contenido.
Para obtener más información sobre cómo desarrollar sus propias plantillas, consulte Fragmentos de contenido visual: plantillas.
Cargar y asignar la plantilla upload-and-assign-your-template
Una plantilla está asociada a un modelo de fragmento de contenido para que se pueda utilizar con cualquier fragmento de contenido creado a partir de ese modelo.
Para cargar la nueva plantilla de HTML:
-
En la consola Fragmento de contenido, abra la pestaña de Modelos de fragmento de contenido.
-
Vaya a la ubicación del modelo de fragmento.
-
Seleccione el icono de información (i) del modelo requerido:
Se mostrará el panel derecho.
-
Desplácese hacia abajo para mostrar Plantillas HTML, la Plantilla genérica ya aparece como la predeterminada:
-
Seleccione + para cargar la plantilla desde un archivo HTML (
.html). Un cuadro de diálogo le permitirá examinar su sistema de archivos local y seleccionar su archivo de plantilla. -
Una vez cargadas, se muestran dos vistas de la plantilla para que las revise:
- left: una representación de la plantilla sin contenido
- right: el código HTML, que también se puede editar aquí antes de importar a AEM
-
Seleccione Siguiente para continuar.
-
Escriba un nombre de plantilla para usar en AEM.
-
Confirme con Crear plantilla.
-
La plantilla se creará en AEM y se enumerará en Plantillas de HTML, en las propiedades de los Modelos de fragmentos de contenido.
Una vez cargado, se puede usar para previsualizar fragmentos. También puede descargar o eliminar la plantilla.
Previsualización del fragmento con una plantilla preview-your-fragment-with-a-template
Para obtener una vista previa del fragmento de contenido mediante una plantilla:
-
En la consola Fragmento de contenido vaya a la ubicación del fragmento.
-
O bien, haga lo siguiente:
- seleccione el fragmento en la consola
- abra el fragmento en el editor
-
Seleccione Vista previa en la barra de herramientas superior de:
- la consola Fragmento de contenido
- en el editor, donde puede seleccionar Plantilla
En ambos casos se abrirá una nueva ventana modal.
-
Si no hay plantillas personalizadas disponibles, AEM usará la Plantilla genérica para mostrar el fragmento. La Plantilla Genérica:
- muestra los campos del fragmento en forma de tabla; nombre y contenido
- muestra el contenido totalmente hidratado de fragmentos a los que se hace referencia en la misma vista
-
Si hay plantillas personalizadas disponibles, puede seleccionar la plantilla que desee usar (incluida la Plantilla genérica).
-
Si el fragmento de contenido está publicado, también puede ver y copiar su URL de vista previa y su URL de publicación.
Por ejemplo, obtenga una vista previa con la plantilla genérica:
Distribuya su fragmento de contenido visual deliver-your-visual-content-fragment
El fragmento de contenido visual se puede entregar a varios destinatarios en formato HTML.
Envío al explorador deliver-to-the-browser
Copie la URL de vista previa o la URL de publicación. Acceda a esta directamente desde el explorador para ver el fragmento de contenido visual.
Envío a Edge Delivery Services deliver-to-edge-delivery-services
Puede enviar el fragmento visual en una página de servicio de Edge Delivery (EDS).
Envío a una página de AEM deliver-to-an-AEM-page
Puede enviar el fragmento de contenido visual en una página de AEM mediante el componente principal: Fragmento de contenido.
Al configurar un fragmento de contenido componente en su página:
-
Especifique el fragmento de contenido requerido.
-
Seleccione Visualización de fragmentos de contenido.
-
Seleccione la Plantilla de visualización necesaria en la lista desplegable.
-
El fragmento visual se mostrará en la página.
Descargue su plantilla download-your-template
Para descargar la plantilla de HTML desde AEM:
-
En la consola Fragmento de contenido, abra la pestaña de Modelos de fragmento de contenido.
-
Vaya a la ubicación del modelo de fragmento.
-
Seleccione el icono de información (i) del modelo requerido:
Se mostrará el panel derecho.
-
Desplácese hacia abajo para mostrar Plantillas HTML.
-
Seleccione la elipse junto a la plantilla que desee descargar.
-
Seleccione Descargar.
-
Especifique el nombre y la ubicación del archivo.
-
Confirme con Guardar.
Eliminar la plantilla delete-your-template
Para eliminar la nueva plantilla de HTML (de AEM):
-
En la consola Fragmento de contenido, abra la pestaña de Modelos de fragmento de contenido.
-
Vaya a la ubicación del modelo de fragmento.
-
Seleccione el icono de información (i) del modelo requerido:
Se mostrará el panel derecho.
-
Desplácese hacia abajo para mostrar Plantillas HTML.
-
Seleccione la elipse junto a la plantilla que desee descargar.
-
Seleccione Eliminar.
-
En el siguiente cuadro de diálogo, confirme la acción con Eliminar.