Modelos de página

Neste capítulo, exploraremos a relação entre um modelo de página e uma página. Criaremos um modelo de Artigo da Revista sem estilo baseado em alguns modelos de AdobeXD. No processo de criação do modelo, os Componentes principais e as configurações avançadas de política são abordados.

Pré-requisitos

Este é um tutorial de várias partes e presume-se que as etapas descritas na seção Criar conteúdo e publicar alterações capítulo foi concluído.

Objetivo

  1. Entenda os detalhes dos Modelos de página e como as políticas podem ser usadas para impor o controle granular do conteúdo da página.
  2. Saiba como Modelos e Páginas são vinculados.
  3. Crie um novo modelo e crie uma página.

O que você vai criar

Nesta parte do tutorial, você criará um novo modelo de Página de artigo da Revista que poderá ser usado para criar novos artigos de revistas e se alinha a uma estrutura comum. O modelo será baseado em designs e um Kit de interface do usuário produzido no AdobeXD. Este capítulo só é focado na construção da estrutura ou esqueleto do modelo. Nenhum estilo será implementado, mas o modelo e as páginas serão funcionais.

Criar o modelo da página de artigo da revista

Ao criar uma página, você deve selecionar um modelo, que será usado como a base de criação da nova página. O modelo define a estrutura da página resultante, o conteúdo inicial e os componentes permitidos.

Há três áreas principais de Modelos de página:

  1. Estrutura - define os componentes que fazem parte do modelo. Eles não serão editáveis pelos autores de conteúdo.
  2. Conteúdo inicial - define os componentes com os quais o modelo começará, eles podem ser editados e/ou excluídos pelos autores de conteúdo
  3. Políticas - define configurações sobre como os componentes se comportarão e quais opções os autores terão disponíveis.

Em seguida, crie um novo modelo no AEM que corresponda à estrutura dos modelos. Isso ocorrerá em uma instância local de AEM. Siga as etapas do vídeo abaixo:

Você pode usar a seguinte miniatura para identificar o modelo (ou fazer upload do seu próprio!)

Miniatura do modelo de página do artigo

Pacote da solução

Uma conclusão solução do modelo de revista pode ser baixado e instalado por meio do Gerenciador de pacotes.

Atualizar o cabeçalho e o rodapé com fragmentos de experiência

Uma prática comum ao criar conteúdo global, como um cabeçalho ou rodapé, é usar um Fragmento de experiência. Fragmentos de experiência, permite que os usuários combinem vários componentes para criar um único componente com capacidade de referência. Os Fragmentos de experiência têm a vantagem de oferecer suporte ao gerenciamento de vários sites e localização.

O modelo de Site gerou um Cabeçalho e um Rodapé. Em seguida, atualize os Fragmentos de experiência para corresponder aos modelos. Siga as etapas do vídeo abaixo:

Etapas de alto nível para o vídeo abaixo:

  1. Baixe o pacote de conteúdo de exemplo WKND-Starter-Assets-Skate-Article-1.2.zip.
  2. Faça upload e instale o pacote de conteúdo usando o Gerenciador de pacotes.
  3. Atualize os Fragmentos de experiência do cabeçalho e do rodapé para usar o logotipo WKND

Criar uma página de artigo da Revista

Em seguida, crie uma nova página usando o modelo Página de artigo da Revista . Crie o conteúdo da página para corresponder aos modelos do site. Siga as etapas do vídeo abaixo:

Use o texto fornecido para preencher o corpo do artigo.

Parabéns!

Parabéns, você acabou de criar um novo modelo e página com o Adobe Experience Manager Sites.

Próximas etapas

Neste ponto, a página de artigo da revista e o site não correspondem aos estilos de marca da WKND. Siga as Teming tutorial para saber mais sobre as práticas recomendadas para atualizar o código de primeiro plano CSS e Javascript usado para aplicar estilos globais ao site.

Pacote da solução

Um pacote de soluções para este capítulo está disponível para download: WKND-Magazine-Template-SOLUTION-1.0.zip.

Nesta página