Introducción a los componentes principales
TIPEn 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 estandarizados de Administración de contenido web (WCM) para AEM a fin de acelerar el tiempo de desarrollo y reducir el coste de mantenimiento de los sitios web.
Medios
-
Biblioteca de componentes: una colección de ejemplos para ver los componentes en sus distintas configuraciones.
-
Documentación de componentes (este documento): para desarrolladores y autores, con detalles sobre cada componente.
-
Repositorio de componentes principales de GitHub: para obtener detalles del desarrollador de cada componente y descarga de proyecto.
-
Introducción:
- Éxito con los componentes principales: instrucciones que se deben tener en cuenta mucho antes del inicio de cualquier proyecto que vaya a utilizar los componentes principales.
- Tutorial de WKND: tutorial de dos días para crear un nuevo sitio.
- Tutorial Summit: un tutorial de dos horas para construir un nuevo sitio (de un laboratorio en la US Summit 2019).
- Seminario web de Gems: visita guiada por los componentes principales (grabada en diciembre de 2018).
Características
| Listo para la producción | Los componentes básicos son 30 componentes de WCM robustos, bien probados, ampliamente utilizados y con un buen rendimiento. |
| Preparado para la nube | Ya sea en AEM as a Cloud Service, en Adobe Managed Services o en línea, 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 a nivel de plantilla definen qué características pueden utilizar o no los autores de la página. |
| Adaptable | Todos los componentes principales están diseñados para ser totalmente interactivos, lo que garantiza una experiencia sin problemas en todos los dispositivos |
| Rastreable | La integración de capa de datos del cliente de Adobe permite el seguimiento de todos los aspectos de la experiencia del visitante. |
| Accesible | Cumplen el estándar WCAG 2.1, proporcionan etiquetas de tipo ARIA y admiten la navegación con teclado (problemas conocidos). |
| Compatible con SEO | La salida de HTML es semántica y proporciona anotaciones de microdatos de tipo schema.org. |
| Preparado para la aplicación web | La salida JSON optimizada permite el procesamiento en el lado del cliente, con la posibilidad de editar en contexto. |
| Compatibilidad con AMP | Los componentes tienen compatibilidad integrada con el estándar AMP, lo que acelera las experiencias móviles. |
| Kit de diseño | Un kit de interfaz de usuario para Adobe XD permite a los diseñadores crear mallas metálicas que luego pueden dar forma según sea necesario. |
| Configurable | Los componentes implementan el Sistema de estilos y el marcado sigue la nomenclatura de BEM CSS. |
| Personalizable | Varios patrones permiten una fácil personalización, desde ajustar el HTML a una reutilización avanzada de la funcionalidad. |
| Versiones | La directiva de versiones garantiza que los componentes principales no romperán el sitio al mejorar las cosas que puedan afectarle. |
| Localizable | La resolución de referencia inteligente permite a ciertos componentes buscar y procesar automáticamente el contenido localizado correspondiente. |
| Abrir origen | Si algo no funciona como debería, contribuya con sus mejoras. |
Los componentes de gestión de contenido web
La versión actual de los componentes principales contiene los siguientes componentes:
Componentes de plantilla
Componentes de creación de páginas
Componentes de contenedor
Componentes de formulario
NOTENOTE