Saiba como criar rapidamente um novo site do AEM usando um modelo de site.
No documento anterior da jornada de criação rápida de site do AEM, Entender o Cloud Manager e o fluxo de trabalho de criação rápida de site, você aprendeu sobre o Cloud Manager e como ele se vincula ao novo processo de criação rápida de site e agora deve:
Este artigo se baseia nesses fundamentos para que você possa executar a primeira etapa de configuração e criar um novo site a partir de um modelo, que pode ser personalizado posteriormente usando ferramentas de front-end.
Este documento ajuda você a entender como criar rapidamente um novo site do AEM usando um modelo de site. Depois de ler esse documento, você deverá:
Essa parte da jornada se aplica ao administrador do AEM.
Os modelos de site são uma maneira de combinar conteúdo básico do site em um pacote conveniente e reutilizável. Os modelos de site geralmente contêm o conteúdo básico e a estrutura do site, bem como informações de estilo para iniciar o novo site rapidamente. A estrutura real é a seguinte:
files
: pasta com o kit de interface, arquivo XD e possivelmente outros arquivospreviews
: pasta com capturas de tela do modelo de sitesite
: pacote de conteúdo 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 modelo para modificar a aparência do site, incluindo CSS, JavaScript, etc.Os modelos são eficientes porque são reutilizáveis para que os autores de conteúdo possam criar um site rapidamente. E como é possível ter vários modelos disponíveis na instalação do AEM, você tem a flexibilidade para atender a várias necessidades do negócio.
O modelo de site não deve ser confundido com modelos de página. Os modelos de site descritos aqui 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.
A maneira mais simples de começar é baixar a versão mais recente do modelo de site padrão do AEM no repositório do GitHub.
Após o download, você pode carregá-lo no ambiente do AEM como faria com qualquer outro pacote. Consulte a seção Recursos adicionais para obter detalhes sobre como trabalhar com pacotes se precisar de mais informações sobre este tópico.
O modelo de site padrão do AEM pode ser personalizado para atender às necessidades do seu projeto e evitar a necessidade de mais personalizações. No entanto, esse tópico está fora do escopo desta jornada. Consulte a documentação do GitHub do modelo de site padrão para obter mais informações.
Você também pode optar por criar o modelo a partir da origem como parte do fluxo de trabalho do projeto. No entanto, esse tópico está fora do escopo desta jornada. Consulte a documentação do GitHub do modelo de site padrão para obter mais informações.
Usar um modelo para criar um novo site é muito fácil.
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
Toque ou clique em Criar, no canto superior direito da tela e, no menu suspenso, selecione Site a partir de modelo.
No assistente Criar site, toque ou clique em Importar na parte superior da coluna à esquerda.
No navegador de arquivos, localize o modelo que você baixou anteriormente e toque ou clique Fazer upload.
Depois de carregado, ele aparece na lista de modelos disponíveis. Toque ou clique nele para selecioná-lo (o que também revela informações sobre o modelo na coluna direita) e toque ou clique em Próximo.
Forneça um título para o site. É possível fornecer um nome de site ou, se omitido, ele será gerado a partir do título.
Toque ou clique em Criar e o novo site será criado a partir do modelo de site.
Na caixa de diálogo de confirmação exibida, toque ou clique em Concluído.
No console Sites, os novos sites estarão visíveis e poderão ser navegados para explorar sua estrutura básica, conforme definido pelo modelo.
Os autores de conteúdo agora podem começar a criar.
Os modelos de site são muito eficientes e flexíveis, e vários podem ser criados para um projeto, permitindo variações de site de fácil criação. Dependendo do nível de personalização já executado no modelo de site utilizado, talvez você nem precise de mais personalizações do front-end.
Se você precisar personalizar mais o front-end, lembre-se de que o desenvolvedor de front-end pode não estar familiarizado com os detalhes do seu conteúdo. Portanto, é uma boa ideia fornecer ao desenvolvedor um caminho para um conteúdo característico que possa ser usado como base de referência, à medida que o tema é personalizado. Um exemplo típico é a página inicial do idioma principal do site.
No navegador de sites, navegue até a página inicial do idioma principal do site e toque ou clique na página para selecioná-la e, em seguida, toque ou clique em Editar na barra de menu.
No editor, selecione o botão Informações da página na barra de ferramentas e Exibir conforme publicado.
Na guia que é aberta, copie o caminho do conteúdo da barra de endereços. Será algo parecido com /content/<your-site>/en/home.html?wcmmode=disabled
.
Salve o caminho para fornecer posteriormente ao desenvolvedor de front-end.
Agora que o site foi criado, o tema do site conforme gerado pelo modelo pode ser baixado e fornecido ao desenvolvedor de front-end para personalização.
No console de sites, exiba o painel Site.
Toque ou clique na raiz do novo site e, em seguida, toque ou clique em Baixar fontes de tema no painel do site.
Agora você tem uma cópia dos arquivos da fonte do tema nos arquivos baixados.
Para que o desenvolvedor de front-end visualize as personalizações usando o conteúdo real do AEM do site, é necessário configurar um usuário proxy.
Na navegação principal do AEM, vá até Ferramentas -> Segurança -> Usuários.
No console de gerenciamento de usuários, toque ou clique em Criar.
Na janela Criar novo usuário, você deverá ao menos fornecer:
Na guia Grupos, adicione o usuário proxy ao grupo contributors
.
contributors
aciona o recurso de preenchimento automático do AEM, para facilitar a seleção do grupo.Toque ou clique em Salvar e fechar.
Agora você concluiu a configuração. Agora os autores de conteúdo podem começar a criar conteúdo no site; a preparação para personalização de front-end começa na próxima etapa da jornada.
Agora que concluiu esta parte da jornada de Criação rápida de sites do AEM, você deve:
Aplique esse conhecimento e prossiga com sua jornada de criação rápida de sites do AEM, revisando a seguir o documento Configurar o pipeline, onde você criará um pipeline de front-end para gerenciar a personalização do tema do site.
Embora seja recomendável seguir para a próxima parte da jornada de Criação rápida de sites revisando o documento Configurar o pipeline, os recursos opcionais a seguir fornecerão uma melhor explicação dos conceitos mencionados neste documento. Porém, eles não são obrigatórios para continuar na jornada.