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 o conteúdo base do site, a estrutura e as informações de estilo do site, conhecidas como tema do site, para iniciar um novo site rapidamente. Admins selecionam um modelo 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.

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. Selecionar Criar no canto superior direito da tela e no menu suspenso, selecione Site do modelo.

   

3. No assistente Criar site, selecione Importar na parte superior da coluna à esquerda.

   

4. No navegador de arquivos, localize o modelo que deseja usar e selecione Carregar.

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.

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 e assim por diante.
• theme: Fontes do tema do site para modificar a aparência do site, incluindo CSS, JavaScript e assim por diante.

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.