Crie com Componentes principais
No Adobe Experience Manager, os componentes são os elementos estruturais que constituem o conteúdo das páginas criadas.
Os Componentes principais oferecem funcionalidade de criação flexível e repleta de recursos. O site de referência da WKND e seus componentes ilustram como os componentes principais podem ser usados para implementar uma experiência rica em sites.
Para experimentar os Componentes principais, e ver exemplos de suas opções de configuração e de saídas HTML e JSON, visite a Biblioteca de componentes.
Para uma introdução mais detalhada e orientada pelo desenvolvedor à implementação dos Componentes principais em um projeto AEM usando o Arquétipo de projeto do AEM, confira o tutorial do WKND.
Autoria com Componentes principais authoring-with-core-components
Como autor, você perceberá várias vantagens dos Componentes principais, entre elas:
-
Simples de usar e bem integrado ao editor de páginas
-
Funcionalidades repletas de recursos para acomodar muitos casos de uso, conforme ilustrado pelo site de referência da WKND e na Biblioteca de componentes
-
Pré-configurável para definir quais recursos estão disponíveis para os autores de página por meio do editor de modelos
-
Construídos em torno de diretrizes de acessibilidade
-
Criados para serem compatíveis com layout responsivo
-
Criados para serem compatíveis com localização fácil
Os componentes estão disponíveis na guia Componentes do painel lateral do editor de páginas ao editar uma página.
Os componentes são agrupados de acordo com categorias chamadas grupos de componentes para organizá-los e filtrá-los com facilidade. O nome do grupo de componentes é exibido com o componente no navegador de componentes. Também é possível filtrar por grupo para localizá-lo fácil e corretamente.
Pré-configuração dos Componentes principais pre-configuring-core-components
Configurar Componentes de base era trabalho de um desenvolvedor. No entanto, com os Componentes principais, um autor de modelo agora pode configurar vários recursos por meio do editor de modelo.
Por exemplo, se um componente de Imagem não deve permitir o upload de imagem do sistema de arquivos ou se um componente de Texto deve permitir apenas determinadas formatações de parágrafo, esses recursos podem ser ativados ou desativados com um simples clique.
Consulte Criação de modelos de página para obter informações.
Caixas de diálogo de edição e design edit-and-design-dialogs
Os Componentes principais podem ser pré-configurados pelos autores de modelo para definir quais opções são permitidas como parte de um modelo. Em seguida, podem ser configurados pelo autor da página para definir o conteúdo real da página. Por isso, cada componente pode ter opções em duas caixas de diálogo diferentes.
Aplicação de estilos aos componentes component-styling
Os estilos da maioria dos Componentes principais podem ser definidos usando o Sistema de Estilos do AEM.
- Um autor de modelo pode definir quais estilos estão disponíveis para um componente específico na caixa de diálogo de design desse componente.
- O autor de conteúdo pode depois escolher quais estilos aplicar ao adicionar o componente e criar o conteúdo.
Para mais detalhes, consulte a documentação do Sistema de Estilos.
Recursos do desenvolvedor developer-resources
Consulte a documentação do desenvolvedor Desenvolvimento de Componentes principais para obter informações técnicas sobre os Componentes principais.