Baixar e instalar modelos do AEM Sites

Execute as seguintes etapas para baixar e instalar modelos AEM Sites no Experience Manager Guides as Cloud Service:

Instalação do pacote package-installation

Para usar os modelos, instale o pacote de componentes por meio da implantação em nuvem:

Execute as seguintes etapas para criar uma AEM Sites usando o template:

  1. Crie o AEM Sites usando o modelo:

  2. Na interface do usuário do Sites, clique no botão Criar no canto superior direito.

  3. Selecione o Site do modelo na lista suspensa Criar.

  4. Importar modelos de sites: aemg-docs-1.0.0.zip usando a opção Importar.

  5. Selecione AEMG Docs 1.0.0 e clique em Avançar.

  6. Digite Site title e Site name.

  7. Clique em Criar. O pacote é instalado e um template do AEM Sites é criado.

Saiba mais sobre Adicionar um Modelo de Site ao AEM.

NOTE
Depois de criar a página inicial, você pode usar este caminho como o Caminho do Publish para gerar a saída de suas predefinições do AEM Sites. Por exemplo, aemg-docs-en/docs/product-abc.

Configurar os modelos a serem usados com as predefinições do AEM Sites

Depois que o pacote for instalado, um site chamado AEMG será criado na interface do usuário do Sites. Este site de exemplo mostra como você pode configurar a estrutura do site para gerar a saída do AEM Sites. Isto é apenas uma amostra. Você pode criar sites personalizados de acordo com suas necessidades.

páginas de exemplo do AEMG Sites

AEMG contém os seguintes componentes.

  • Uma pasta para o idioma inglês (EN) está presente na pasta AEMG. Você pode criar cópias de idioma semelhantes de acordo com seus requisitos. Por exemplo, um site multilíngue inclui cópias em inglês (EN), alemão (DE) e francês (FR). Saiba mais sobre como criar uma cópia de idioma usando o Assistente de Cópia de Idioma.

  • Na pasta do idioma inglês (en), a Experience Manager Guides fornece várias páginas de exemplo prontas para uso, como Pesquisa, Entrar, Documentação e Suporte.

  • Docs é a página inicial de documentação de exemplo. Ele serve como um local central para toda a documentação relacionada ao produto
    O e o exibem cada produto para o qual a documentação está disponível como blocos individuais.

  • Junto com a Página inicial da documentação, há páginas de exemplo para Pesquisa, Logon e Suporte. Você pode personalizar essas amostras de acordo com seus requisitos.

  • Você pode ter home pages para produtos individuais, como Product1. Uma página de exemplo Product1 está presente em Docs, que é a Página Inicial de Documentação.

  • O Experience Manager Guides também fornece os seguintes modelos predefinidos:

    • Modelo de Página de conteúdo: use este modelo para criar as páginas padrão que contêm a maior parte do conteúdo do site do produto. Eles podem incluir texto, imagens, vídeos e outros elementos de conteúdo. Este modelo contém somente o cabeçalho e o rodapé. Personalize e use-o para criar qualquer página de acordo com seus requisitos. Por exemplo, você pode criar a página de suporte ou a página de logon do seu produto.
    • Modelo Página inicial: a página de aterrissagem principal de um site, que inclui uma visão geral, seções principais como os elementos e recursos principais, e links de navegação. Por exemplo, a página principal de um produto ABC se conecta às outras páginas de conteúdo ou recursos.
    • Modelo de Página de Tópico: as páginas usadas para organizar e apresentar conteúdo baseado em tópico. Por exemplo, um guia do usuário contém páginas de tópicos diferentes, cada uma contendo um tópico específico relacionado aos recursos e à solução de problemas.

    Modelo de sites

Use esses exemplos e modelos para gerar suas saídas do AEM Sites:

  • Uma página inicial do produto corresponde a uma página inicial de mapa e é criada usando o modelo Página inicial. Selecione esse caminho na predefinição do AEM Sites para publicar o conteúdo do mapa sob ele. A página inicial do produto pode incluir outras páginas iniciais.
  • Por exemplo, você tem um produto como o Experience Manager Guides e precisa de três manuais para usuários, administradores e desenvolvedores. Crie uma página inicial para cada manual usando o modelo Página inicial e selecione a página inicial correspondente na predefinição de saída do AEM Sites.

Saiba mais sobre como criar e configurar as predefinições do AEM Sites no Editor da Web.

Criar uma página inicial usando o modelo create-a-home-page-using-the-template

Execute as seguintes etapas para criar a página inicial do seu produto:

  1. Depois que o pacote for instalado, selecione Sites na Navegação Global.
  2. Selecione o modelo "AEMG Docs" instalado na interface do usuário do Sites.
  3. Na interface do usuário do Sites, clique no botão Criar no canto superior direito.
  4. Selecione Página na lista suspensa Criar.
  5. Selecione Página Inicial e clique em Avançar.
  6. Insira o título do site e o nome do site e clique em Criar no canto superior direito. Um modelo de site AEM é criado usando o modelo de site Página Inicial. Por exemplo, você pode criar uma página inicial para o seu produto Product ABC.
NOTE
Depois de criar a página inicial, você pode usar este caminho como o Caminho do Publish para gerar a saída de suas predefinições do AEM Sites. Por exemplo, aemg-docs-en/docs/product-abc.

Editar modelos de tópico para o AEM Sites

Você também pode personalizar os modelos de tópico para sua AEM Sites. Você pode editar o conteúdo ou configurar as propriedades dos diferentes componentes do AEM em seu tópico. Por exemplo, você pode adicionar ou remover componentes de acordo com seus requisitos.
Execute as seguintes etapas para editar os modelos de tópico:

  1. Selecione o template que deseja editar.
  2. Selecione o ícone Editar na parte superior.

O Editor de modelo AEM é aberto. Você pode editar seu modelo de tópico. Saiba mais sobre Criação de Modelos de Página.

Personalizar modelos existentes do AEM Sites customize-existing-aem-sites-templates

Além dos modelos predefinidos, você também pode usar seus modelos existentes com as predefinições do AEM Sites. Execute as seguintes etapas para personalizar modelos existentes do AEM Sites:

Configuração do modelo

Você precisa dos dois tipos de modelos a seguir:

  • Categoria ou modelo de aterrissagem: esse modelo é usado para a página de aterrissagem da documentação do produto e corresponde a um mapa DITA. A página do site AEM para um mapa DITA é gerada usando esse modelo. Você pode usar esse template em qualquer nível.

  • Adicione um componente de texto ao modelo existente. O componente de texto deve ter uma propriedade obrigatória, text="$category.html$".

  • Por exemplo, você pode escolher templates de we-retail e usar o template de página de seção como o template de página de aterrissagem do mapa DITA. Para fazer isso, faça as alterações conforme mostrado na seguinte captura de tela:
    modelo de página de seção

    • Página de detalhes ou Modelo de página de tópico: use este modelo para o conteúdo dos tópicos de um mapa. Todas as páginas de sites com conteúdo DITA/XML são criadas usando modelos de página de tópico. Para criar esses modelos, há dois pré-requisitos:

      • Adicione um componente de texto ao modelo, contido em um componente de contêiner, com uma propriedade obrigatória. text="$topic.content$".

        modelo de página de contêiner

      • Reflita o mesmo contêiner e componente de texto na estrutura do mesmo modelo, como mostrado na seguinte captura de tela:

        estrutura do modelo de contêiner

Marcar página de categoria como contêiner da documentação

Supondo que uma hierarquia de site seja criada para as páginas de documentação usando o modelo anterior, escolha uma das páginas de categoria criadas nessa hierarquia de site. Adicione uma tag à página de categoria como um container de Documentação, fornecendo uma ID.
Para fazer isso, atribua um valor category-page à propriedade id. Consulte a seguinte captura de tela:

página de categoria de marca

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178