Crear con Componentes principales

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

Los componentes principales ofrecen funciones flexibles y personalizables de creación. El sitio de referencia de WKND ilustra cómo se pueden utilizar los componentes principales para implementar una experiencia enriquecida en el sitio web.

Para utilizar los componentes principales y ver ejemplos de sus opciones de configuración, así como la salida HTML y JSON, visite la Biblioteca de componentes.

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

Crear con componentes principales

Como autor, notará que los componentes principales ofrecen varias ventajas, como las siguientes:

• Son fáciles de usar y se integran bien con el editor de páginas

• Funcionalidades enriquecidas con funciones para dar cabida a muchos casos de uso, como se puede ver en el sitio de referencia de WKND así como en la Biblioteca de componentes

• Preconfigurable para definir qué funciones están disponibles para los autores de páginas a través del editor de plantillas

• Han sido creados según las directrices de accesibilidad

• Permiten un diseño interactivo

• Creado para conseguir una localización fácil

Los componentes están disponibles en la pestaña Componentes del panel lateral del editor de páginas al editar una página.

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.

Preconfiguración de componentes principales

La configuración de componentes de base era tarea de un desarrollador. Sin embargo, con los componentes principales, un autor de plantillas ahora puede configurar una serie de funciones a través del 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 Texto solo debe permitir cierto formato de párrafo, estas funciones se pueden activar o desactivar con un simple clic.

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

Editar y diseñar cuadros de diálogo

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.

Estilo de componente

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

• Un autor de plantillas puede definir qué estilos están disponibles para un componente en particular en el cuadro de diálogo de diseño de ese componente.
• El autor del contenido puede elegir qué estilos aplicar al añadir el componente y al crear contenido.

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

Medios del desarrollador

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