Show Menu
TÓPICOS×

Experimente os componentes principais no We.Retail

Os componentes principais são componentes modernos e flexíveis, com fácil extensibilidade e que permitem uma integração simples em seus projetos. Os componentes principais foram criados com base em vários princípios principais de design, como HTL, usabilidade imediata, configuração, controle de versão e extensibilidade. We.Retail foi construído com base em componentes principais.

Tentando sair

  1. Inicie o AEM com o conteúdo de amostra We.Retail e abra o console Console de componentes Componentes.
    Navegação global -> Ferramentas -> Componentes
  2. Ao abrir o painel no console Componentes, você pode filtrar por um grupo específico de componentes. Os componentes principais podem ser encontrados em
    • .core-wcm : Os componentes principais padrão
    • .core-wcm-form : Os componentes principais de envio do formulário
    Choose .core-wcm .
  3. Observe que todos os componentes principais são nomeados como v1 , refletindo que esta é a primeira versão desse componente principal. Versões regulares serão lançadas no futuro, o que será compatível com a versão do AEM e permitirá uma atualização fácil para que você possa aproveitar os recursos mais recentes.
  4. Clique em Texto (v1) .
    Verifique se o Tipo de recurso do componente é /apps/core/wcm/components/text/v1/text . Os componentes principais são encontrados em /apps/core/wcm/components e têm controle de versão por componente.
  5. Clique na guia Documentação para ver a documentação do desenvolvedor do componente.
  6. Retorne ao console Componentes. Filtre o grupo We.Retail e selecione o componente Texto .
  7. Verifique se o Tipo de recurso aponta para um componente conforme esperado, mas o Supertipo /apps/weretail de recurso aponta de volta para o componente principal /apps/core/wcm/components/text/v1/text .
  8. Clique na guia Uso ​em tempo real para ver em quais páginas esse componente está sendo usado no momento. Clique na primeira página de Agradecimentos para editar a página.
  9. Na página Obrigado, selecione o componente de texto e, no menu de edição do componente, clique no ícone Cancelar herança.
    We.Retail tem uma estrutura de site globalizada na qual o conteúdo é encaminhado de mestres de linguagem para cópias ao vivo por meio de um mecanismo chamado herança . Por isso, a herança deve ser cancelada para permitir que um usuário edite texto manualmente.
  10. Confirme o cancelamento clicando em Sim .
  11. Após a herança ser cancelada e você selecionar os componentes de texto, muitas outras opções estarão disponíveis. Clique em​ Editar .
  12. Agora você pode ver quais opções de edição estão disponíveis para o componente de texto.
  13. No menu Informações da página, selecione Editar modelo .
  14. No Editor de modelos da página, clique no ícone Política do componente Texto no Contêiner de layout da página.
  15. Os componentes principais permitem que um autor de modelo configure quais Propriedades estão disponíveis para os autores da página. Isso inclui recursos como fontes de colagem permitidas, opções de formatação, estilos de parágrafo disponíveis etc.
    Essas caixas de diálogo de design estão disponíveis para muitos componentes principais e funcionam lado a lado com o editor de modelo. Depois de ativados, eles ficam disponíveis para o autor por meio dos editores de componentes.

Informações adicionais

Para obter mais informações sobre os componentes principais, consulte o documento de criação Componentes introduction.html principais para obter uma visão geral dos recursos dos componentes principais e o documento do desenvolvedor Desenvolvimento dos componentes principais para obter uma visão geral técnica.
Além disso, talvez você queira investigar mais detalhadamente os modelos editáveis . Consulte o documento de criação Criação de modelos de página ou o documento do desenvolvedor Modelos de página - Editável para obter detalhes completos sobre modelos editáveis.