- Introducción a los componentes principales
- Rutas al éxito
- Biblioteca de componentes
- Versiones de componentes principales
- Introducción
- Los componentes
- Acordeón
- Ruta de navegación
- Botón
- Carrusel
- Contenedor
- Fragmento de contenido
- Lista de fragmentos de contenido
- Descargar
- Incrustar
- Fragmento de experiencias
- Imagen
- Navegación por idiomas
- Lista
- Navegación
- Página
- Visualizador de PDF
- Barra de progreso
- Búsqueda rápida
- Separador
- Compartir en redes sociales
- Texto
- Pestañas
- Teaser
- Título
- Componentes de formulario
- Componentes (v1)
- Desarrollo de
- Desarrollo de componentes principales
- Rutas al éxito
- Tutorial para desarrolladores de WKND
- Personalización de componentes principales
- Instrucciones de los componentes
- Compatibilidad con AMP
- Configuraciones según el contexto
- Inclusión de bibliotecas de cliente
- Capa de datos del cliente de Adobe
- Tipo de archivo del proyecto AEM
Introducción a los componentes principales
En Adobe Experience Manager, los componentes son los elementos estructurales que constituyen el contenido de las páginas creadas. Los componentes siempre han sido un elemento fundamental de la experiencia de AEM, ya que la creación de páginas se simplifica pero mantiene su potencia para el autor; asimismo, el desarrollo de componentes es flexible y extensible para el desarrollador.
Los componentes principales son un conjunto de componentes de Gestor de contenido web (WCM) estandarizados para AEM a fin de acelerar el tiempo de desarrollo y reducir el coste de mantenimiento de los sitios web.
Medios
- Biblioteca de componentes: colección de ejemplos para la vista de los componentes en sus distintas configuraciones.
- Documentación de componentes (este documento): Para desarrolladores y autores, con detalles sobre cada componente.
- Repositorio de GitHub de componentes principales: para obtener detalles de desarrollador de cada componente y descarga de proyecto.
- Introducción:
- Éxito con los componentes principales: Directrices para tener en cuenta antes del inicio de cualquier proyecto que vaya a utilizar los componentes principales.
- Tutorial de WKND: un tutorial de dos días para crear un nuevo sitio.
- Tutorial de la Cumbre: Un tutorial de dos horas para construir un nuevo sitio (de un laboratorio en la Cumbre de Estados Unidos 2019).
- Seminario web de Gems: una visita guiada de los componentes principales (grabada en diciembre de 2018).
Características
| Listo para la producción | Los componentes principales son 28 componentes robustos que están bien probados, se utilizan ampliamente y que funcionan bien. |
| Preparado para la nube | Ya sea en AEM como Cloud Service, en Servicios administrados de Adobe o in situ, simplemente funcionan. |
| Versátil | Los componentes representan conceptos genéricos con los que los autores pueden ensamblar casi cualquier diseño. |
| Configurable | Las directivas de contenido de nivel de plantilla definen qué características pueden utilizar o no los autores de la página. |
| Trackable | La integración de capa de datos del cliente de Adobe permite el seguimiento de todos los aspectos de la experiencia de visitante. |
| Accesible | Cumplen WCAG 2.1 estándar, proporcionan etiquetas ARIA y admiten la navegación mediante el teclado ([problemas conocidos](https://github.com/adobe/aem-core-wcm-components/issues?utf8= ✓&q=is%3Aissue+is%3Aopen+access+in%3Atítulo)). |
| Compatible con SEO | El resultado HTML es semántico y proporciona anotaciones de microdatos de esquema.org. |
| Listo para WebApp | La salida JSON optimizada permite el procesamiento en el lado del cliente, aún con la posibilidad de edición en contexto. |
| Compatibilidad con AMP | Los componentes tienen compatibilidad integrada con el estándar AMP, lo que acelera sus experiencias móviles. |
| Kit de diseño | Un kit de interfaz de usuario para Adobe XD permite a los diseñadores crear esquemas que luego pueden aplicar estilo según sea necesario. |
| Themeable | Los componentes implementan el sistema de estilo y el marcado sigue convenciones CSS de BEM. |
| Personalizable | Varios patrones permiten una fácil personalización, desde ajustar el HTML hasta una reutilización avanzada de la funcionalidad. |
| Versiones | La directiva de versiones garantiza que los Componentes principales no interrumpan el sitio al mejorar las cosas que puedan afectarle. |
| Localizable | La resolución de referencia inteligente permite que ciertos componentes encuentren y procesen automáticamente el contenido localizado correspondiente. |
| Abrir fuente | Si algo no es como debería, contribuya con sus mejoras. |
Los componentes
La versión actual de los componentes principales contiene los siguientes componentes.
Componentes de plantilla
Componentes de creación de páginas
- Título
- Texto
- Imagen
- Botón
- Teaser
- Descargar
- Lista
- Fragmento de experiencias
- Fragmento de contenido
- Lista de fragmentos de contenido
- Incrustar
- Compartir en redes sociales
- Separador
- Barra de progreso
- Visualizador de PDF
Componentes de contenedor
Componentes de formulario
- Contenedor del formulario
- Texto de formulario
- Opciones de formulario
- Formulario oculto
- Botón de formulario
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. Una vez integrados, pueden estar disponibles y preconfigurados mediante el editor de plantillas.
Puede que algunas versiones de los componentes principales individuales solo sean compatibles con algunas versiones de AEM.
Consulte la página de ayuda individual (vinculada a la lista anterior) para obtener información sobre la compatibilidad de componentes específicos o consulte el documento Versiones de componentes principales para obtener más información.
Requisitos del sistema
| Componentes principales | AEM as a Cloud Service | AEM 6.5 | AEM 6.4 | Java SE | Maven |
|---|---|---|---|---|---|
| 2.13.2 | Continua | 6.5.5.0+ * | 6.4.8.1+ * | 8, 11 | 3.3.9+ |
(*) Desde la versión 2.11.0, se requiere org.apache.sling.models.impl versión 1.4.12 o superior (debido a SLING-8781). Esto se proporcionará para AEM 6.4 y 6.5 en un futuro Service Pack. Hasta entonces, el paquete de modelos Sling se incluye en el paquete core.wcm.components.all.
Para conocer los requisitos de las versiones anteriores de los componentes principales, consulte Versiones de componentes principales.
Los componentes principales requieren el uso de plantillas editables y no admiten la IU clásica ni plantillas estáticas. Si es necesario, consulte las Herramientas de modernización de AEM para actualizar el proyecto con estas características de AEM modernas.
Para configurar el entorno de desarrollo local, consulte esta descripción general para AEM como un SDK de Cloud Service o este documento para versiones anteriores de AEM.