Modelos de site

Saiba como os modelos de site do AEM podem ser usados para predefinir a estrutura do site e o conteúdo inicial para permitir que você crie sites rapidamente.

Visão geral

É conveniente ter estruturas predefinidas disponíveis para implantar rapidamente um novo site com base em um conjunto de padrões existentes. Os modelos de site são uma maneira de combinar conteúdos básicos de sites em um pacote conveniente e reutilizável.

Os modelos de site geralmente contêm a estrutura e o conteúdo de base do site, bem como informações de estilo (conhecidas como tema do site) para iniciar um novo site rapidamente. Os administradores selecionam um modelo de site no qual basearão o site durante o processo de criação.

Esses modelos são bastante eficientes, pois podem ser reutilizados e personalizados. E como é possível ter vários modelos disponíveis na sua instância do AEM, você tem a flexibilidade de criar sites diferentes para atender a várias necessidades comerciais.

OBSERVAÇÃO

Os modelos de site do AEM não devem ser confundidos com os modelos de página. Os modelos de site definem a estrutura geral de um site. Um modelo de página define a estrutura e o conteúdo inicial de uma página individual.

Os modelos de site do AEM não devem ser confundidos com os temas de site do AEM. Os temas de site do AEM contêm apenas as informações de estilo de um site do AEM. Os modelos de site do AEM definem a estrutura do site e seu conteúdo inicial. Além disso, esses modelos contêm um tema de site do AEM para permitir a criação rápida de sites.

Adicionar um modelo de site ao AEM

É possível adicionar vários modelos ao AEM, que podem ser usados para criar sites.

  1. Faça logon no ambiente de criação do AEM e navegue até o console de sites

    • https://<your-author-environment>.adobeaemcloud.com/sites.html/content

  2. Toque ou clique em Criar no canto superior direito da tela e, no menu suspenso, selecione Site a partir de modelo.

    Criar um site a partir de um modelo

  3. No assistente Criar site, toque ou clique em Importar na parte superior da coluna à esquerda.

    Assistente de criação de site

  4. No navegador de arquivos, localize o modelo que deseja usar e toque ou clique em Fazer upload.

  5. Depois que o upload for concluído, ele aparece na lista de modelos disponíveis.

Seu modelo é carregado e pode ser usado para criar novos sites.

Ao selecionar um modelo existente, informações sobre ele são mostradas na coluna direita.

Selecione um modelo

Estrutura do modelo de site

Os modelos de site são pacotes com uma estrutura lógica que reflete claramente a finalidade do seu conteúdo. Um modelo de site tem a seguinte estrutura.

  • files: pasta com o kit de interface, arquivo XD e, possivelmente, outros arquivos
  • previews: pasta com capturas de tela do modelo de site
  • site: pacote do conteúdo que é copiado para cada site criado a partir deste modelo, como modelos de página, páginas, etc.
  • theme: fontes do tema do site para modificar a aparência do site, incluindo CSS, JavaScript, etc.

Modelo de site padrão

A Adobe fornece um modelo de referência de práticas recomendadas que pode ser usado como base para criar seus próprios modelos. O modelo de site padrão está disponível no GitHub.

A versão mais recente do modelo de site padrão pode ser baixada e usada para criar novos sites diretamente.

Desenvolvimento de modelos de site

A Adobe fornece o Criador de modelos de site do AEM como um conjunto de scripts para criação de novos modelos de site.

O Criador de modelos de site do AEM está disponível no GitHub, junto com a documentação de uso. É necessária experiência em desenvolvimento front-end para personalizar o tema do site e conhecimento em desenvolvimento no AEM para personalizar a estrutura e o conteúdo do site.

Nesta página