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.
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.
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 é 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 é implementado, mas o modelo e as páginas são funcionais.
Ao criar uma página, você deve selecionar um modelo, que é usado como a base para criar a 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:
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!)
Uma conclusão solução do modelo de revista pode ser baixado e instalado por meio do Gerenciador de pacotes.
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:
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, você acabou de criar um novo modelo e página com o Adobe Experience Manager Sites.
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.
Um pacote de soluções para este capítulo está disponível para download: WKND-Magazine-Template-SOLUTION-1.0.zip.