Show Menu
TOPICS×

Autor 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. The We.Retail reference site illustrates how the core components can be used.
Para experimentar os Componentes principais e ver exemplos de suas opções de configuração, bem como a saída HTML e JSON, visite a Biblioteca de componentes.
Para obter uma introdução mais detalhada e orientada ao desenvolvedor para implementar os componentes principais em um projeto AEM, consulte o tutorial da WKND.
Core Components are not immediately available to authors, the development team must first integrate them to your environment . Once integrated, they may be made available and pre-configured via the template editor .
Os componentes principais exigem o AEM 6.3 ou superior e exigem o uso de modelos templates.html editáveis. Eles não funcionam com a interface clássica nem com modelos estáticos.

Criação com componentes principais

Como autor, você notará várias vantagens dos Componentes principais, incluindo:
Components are available on the
Components
tab of the side panel of the page editor when editing a page .
Os componentes são agrupados de acordo com categorias chamadas grupos de componentes para organizar e filtrar facilmente os componentes. O nome do grupo de componentes é exibido com o componente no navegador do componente e também é possível filtrar por grupo para encontrar facilmente o componente correto.
Os Componentes principais são, por padrão, parte de um grupo oculto e não estão visíveis no navegador de componentes.
Adicione os componentes necessários a um grupo visível ou personalize-os para que fiquem disponíveis para os autores.

Pré-configuração dos componentes principais

Configurar componentes básicos era tarefa de um desenvolvedor. Entretanto, com os Componentes principais, um autor de modelo pode configurar vários recursos por meio do editor de modelos.
Por exemplo, se um componente de imagem não permitir o upload de imagem do sistema de arquivos, ou se um componente de texto só permitir determinada formatação de parágrafo, esses recursos poderão ser ativados ou desativados com um simples clique.
Consulte Criação de modelos de página para obter mais informações.

Editar e criar caixas de diálogo

Como os Componentes principais podem ser pré-configurados pelos autores do modelo para definir quais opções são permitidas como parte de um modelo e, em seguida, configuradas pelo autor da página para definir o conteúdo real da página, cada componente pode ter opções em duas caixas de diálogo diferentes.
Descrição
O que controla
Exemplos
Editar caixa de diálogo
Opções que um autor
de
página pode modificar durante a edição normal de página dos componentes inseridos
O conteúdo exibido pelo componente e como ele será exibido na página.
Formatação do texto do conteúdo, girar uma imagem em uma página
Caixa de diálogo Design
Opções que um autor
de
modelo pode modificar ao configurar um modelo de página.
Quais opções o autor da página tem disponíveis ao editar o componente
Quais opções de formatação de texto estão disponíveis, quais opções de imagem no local estão disponíveis

Estilo de componente

Os estilos da maioria dos Componentes principais podem ser definidos usando o sistema de estilo AEM.
  • Um autor de modelo pode definir quais estilos estão disponíveis para um componente específico na caixa de diálogo Design desse componente.
  • O autor do conteúdo pode escolher quais estilos aplicar ao adicionar o componente e criar o conteúdo.
Para obter mais detalhes, consulte a documentação do Sistema de estilo.
No AEM 6.3, o Service Pack 2 (6.3.2.0) ou mais recente é necessário para ativar o recurso de estilo do sistema.

Lista de componentes principais disponíveis

A seguir está uma lista dos Componentes principais disponíveis vinculados às páginas que descrevem detalhadamente seus recursos de diálogo de edição e design.
A versão atual dos Componentes principais apresenta os seguintes componentes.
Algumas versões dos componentes principais individuais podem ser compatíveis apenas com determinadas versões do AEM.
Consulte a página de ajuda individual (vinculada na lista anterior) do componente específico para obter informações sobre compatibilidade ou consulte o documento Versões dos componentes principais para obter mais informações.
Dependendo do seu caso, você pode ter componentes personalizados desenvolvidos explicitamente para as suas necessidades. Eles podem até ter o mesmo nome que alguns dos componentes discutidos aqui. Os componentes principais do formulário não estão relacionados ao AEM Forms.

Recursos do desenvolvedor

Consulte a documentação do desenvolvedor Desenvolvendo componentes principais para obter informações técnicas sobre os componentes principais.