Autor con componentes principales

En Adobe Experience Manager, los componentes son los elementos estructurales que constituyen el contenido de las páginas creadas.

La oferta de componentes principales ofrece una funcionalidad de creación flexible y rica en funciones. El sitio de referencia WKND y su informe ilustran cómo se pueden utilizar los componentes principales para implementar una experiencia de sitio web enriquecida.

Para experimentar los componentes principales y ver ejemplos de sus opciones de configuración, así como los resultados HTML y JSON, visite la biblioteca decomponentes.

Para obtener una introducción más detallada y orientada al desarrollador para implementar los componentes principales en un proyecto AEM mediante el uso del arquetipo del proyecto AEM , consulte el tutorial de WKND.

Nota

Los componentes principales no están disponibles para los autores de manera inmediata, ya que el grupo de desarrollo debe integrarlos primero en su entorno. Once integrated, they may be made available and pre-configured via the template editor.

PRECAUCIÓN

Los componentes principales requieren AEM 6.4 o superior y el uso de plantillas editables. No funcionan con la IU clásica ni con plantillas estáticas.

Crear con componentes principales

Como autor, notará varias ventajas de los componentes principales, entre las que se incluyen:

Components are available on the Components tab of the side panel of the page editor when editing a page.

Los componentes se agrupan según categorías denominadas grupos de componentes para organizar y filtrar fácilmente los componentes. El nombre del grupo de componentes se muestra con el componente en el navegador de componentes y también es posible filtrar por grupo para encontrar fácilmente el componente correcto.

Nota

Los componentes principales son, de forma predeterminada, parte de un grupo oculto y no están visibles en el navegador de componentes.

Añada los componentes necesarios en un grupo visible o personalícelos para que estén disponibles para los autores.

Preconfiguración de componentes principales

La configuración de los componentes básicos era tarea de un desarrollador. Sin embargo, con los componentes principales, un autor de plantilla ahora puede configurar una serie de funciones mediante el editor de plantillas.

Por ejemplo, si un componente de imagen no debe permitir la carga de imágenes desde el sistema de archivos o si un componente de texto solo debe permitir cierto formato de párrafo, estas funciones se pueden activar o desactivar con un solo clic.

Consulte Creación de plantillas de página para obtener más información.

Diálogos de edición y diseño

Dado que los autores de plantillas pueden preconfigurar los componentes principales para definir qué opciones se permiten como parte de una plantilla y, a continuación, el autor de la página puede configurarlas para definir el contenido real de la página, cada componente puede tener opciones en dos cuadros de diálogo diferentes.

Descripción Qué controla Ejemplos
Editar cuadro de diálogo Opciones que un autor de una página puede modificar durante la edición normal de la página para los componentes colocados El contenido que muestra el componente y cómo aparecerá en última instancia en la página. Formato del texto del contenido, girar una imagen en una página
Cuadro de diálogo Diseño Opciones que el autor de una plantilla puede modificar al configurar una plantilla de página. Qué opciones tiene disponible el autor de la página al editar el componente Qué opciones de formato de texto están disponibles, qué opciones de imagen in situ están disponibles

Estilo de componente

Los estilos de la mayoría de los componentes principales se pueden definir con el sistema de estilo AEM.

  • Un autor de plantilla puede definir qué estilos están disponibles para un componente concreto en el cuadro de diálogo Diseño de dicho componente.
  • A continuación, el autor del contenido puede elegir qué estilos aplicar al agregar el componente y crear contenido.

Para obtener más información, consulte la documentación del sistema de estilos.

Medios del desarrollador

Consulte la documentación para desarrolladores de Desarrollar componentes principales para obtener información técnica sobre los componentes principales.

En esta página