Introdução aos Componentes principais

Última atualização: 1 de abril de 2025

Criado para:

  • Desenvolvedor
  • Administrador
  • Usuário

No Adobe Experience Manager, os componentes são os elementos estruturais que constituem o conteúdo das páginas criadas. Os componentes sempre foram um elemento fundamental da experiência do AEM, tornando a criação de páginas simples, mas poderosa para o autor e o desenvolvimento de componentes flexíveis e extensíveis para o desenvolvedor.

Os Componentes principais são um conjunto de componentes padronizados de Gerenciamento de Conteúdo Online (WCM, na sigla em inglês) para que o AEM acelere o tempo de desenvolvimento e reduza o custo de manutenção de seus sites.

Recursos

  • Biblioteca de componentes: Uma coleção de exemplos para exibir os componentes em suas várias configurações.

  • Documentação de componentes (este documento): Para desenvolvedores e autores, com detalhes sobre cada componente.

  • Repositório GitHub dos Componentes principais: Para detalhes do desenvolvedor sobre cada componente e download do projeto.

  • Introdução:

    • Sucesso com os Componentes principais: Diretrizes que devem ser consideradas antes do início de qualquer projeto que usará os Componentes principais.
    • Tutorial do WKND: Tutorial de dois dias para criar um novo site.
    • Tutorial do Summit: Tutorial de duas horas para a criação de um novo site (de um laboratório no US Summit 2019).
    • Gems Webinar: Tour orientado sobre os Componentes principais (gravado em dezembro de 2018).

Recursos

Prontos para produçãoOs componentes principais incluem 30 componentes WCM robustos, bem testados, amplamente usados e que apresentam um bom desempenho.
Prontos para nuvemSeja no AEM as a Cloud Service, no Adobe Managed Services, ou no local, eles simplesmente funcionam.
VersáteisOs componentes representam conceitos genéricos com os quais os autores podem reunir quase qualquer layout.
ConfiguráveisAs políticas de conteúdo no nível do modelo definem quais recursos os autores da página podem usar ou não usar.
ResponsivoTodos os Componentes principais foram projetados para serem totalmente responsivos, garantindo uma experiência perfeita em todos os dispositivos
RastreáveisA integração da Camada de dados de clientes Adobe permite rastrear todos os aspectos da experiência do visitante.
AcessíveisEles estão em conformidade com o padrão WCAG 2.1, fornecem rótulos ARIA e são compatíveis com a navegação pelo teclado (problemas conhecidos).
Compatíveis com SEOA saída HTML é semântica e fornece anotações de microdados schema.org.
Prontos para aplicativos WebA saída JSON simplificada permite renderização no lado do cliente, ainda com uma possibilidade de edição no contexto.
Suporte ao AMPOs componentes têm suporte para o padrão AMP integrado, o que acelera suas experiências em dispositivos móveis.
Kit de designUm kit de interface do usuário para Adobe XD permite que os designers criem wireframes para que possam estilizar conforme necessário.
TemáticosOs componentes implementam o Sistema de Estilos, e a marcação segue as convenções de CSS de BEM.
PersonalizáveisVários padrões permitem fácil personalização, desde o ajuste do HTML até a reutilização de funcionalidade avançada.
VersõesA política de controle de versão garante que os Componentes principais não interrompam seu site ao melhorar coisas que podem afetar você.
LocalizáveisA resolução de referência inteligente permite que certos componentes encontrem e renderizem conteúdos correspondentes localizados automaticamente.
Código abertoSe algo não sair como deveria, contribua com suas melhorias!