Modelos de página page-templates
Neste capítulo, exploraremos a relação entre um Modelo de página e uma Página. Criaremos um modelo não estilizado de Artigo de revista com base em alguns modelos de AdobeXD. No processo de criação do modelo, os Componentes principais e as configurações de política avançadas são abordados.
Pré-requisitos prerequisites
Este é um tutorial em várias partes e presume-se que as etapas descritas no capítulo Criar conteúdo e publicar alterações foram concluídas.
Objetivo
- 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.
- Saiba como Modelos e Páginas são vinculados.
- Crie um novo modelo e crie uma página.
O que você vai criar what-you-will-build
Nesta parte do tutorial, você criará um novo modelo de Página de artigo de revista que pode ser usado para criar novos artigos de revista e se alinha a uma estrutura comum. O modelo é baseado em designs e em um kit de interface do usuário produzido no AdobeXD. Este capítulo foca apenas na criação da estrutura ou esqueleto do template. Nenhum estilo é implementado, mas o modelo e as páginas são funcionais.
Criar o modelo da página de artigo da revista
Ao criar uma página, você deve selecionar um modelo, que é usado como base para a criação da nova página. O modelo define a estrutura da página resultante, o conteúdo inicial e os componentes permitidos.
Existem 3 áreas principais de Modelos de página:
- Estrutura - define os componentes que fazem parte do modelo. Eles não podem ser editados por autores de conteúdo.
- Conteúdo inicial - define os componentes com os quais o modelo começa; eles podem ser editados e/ou excluídos por autores de conteúdo
- Políticas - define as configurações sobre como os componentes se comportam 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 seu modelo (ou fazer upload do seu próprio modelo!)
Pacote de soluções
Uma solução concluída do Modelo de Revista pode ser baixada e instalada via Gerenciador de Pacotes.
Atualizar o cabeçalho e o rodapé com fragmentos de experiência experience-fragments
Uma prática comum ao criar conteúdo global, como cabeçalho ou rodapé, é usar um Fragmento de experiência. Fragmentos de experiência, permitem que os usuários combinem vários componentes para criar um único componente que pode ser referenciado. 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 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:
- Baixe o pacote de conteúdo de exemplo WKND-Starter-Assets-Skate-Article-1.2.zip.
- Faça upload e instale o pacote de conteúdo usando o Gerenciador de pacotes.
- Atualizar os Fragmentos de experiência de cabeçalho e rodapé para usar o logotipo da 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 de site. Siga as etapas do vídeo abaixo:
Use o texto fornecido para preencher o corpo do artigo.
Parabéns. congratulations
Parabéns, você acabou de criar um novo modelo e página com o Adobe Experience Manager Sites.
Próximas etapas next-steps
Nesse momento, a página de artigo da revista e o site não correspondem aos estilos de marca da WKND. Siga o tutorial Theming para saber as práticas recomendadas para atualizar o código de front-end CSS e Javascript usado para aplicar estilos globais ao site.
Pacote de soluções
Um pacote de soluções para este capítulo está disponível para download: WKND-Magazine-Template-SOLUTION-1.0.zip.