Criação de modelos de páginas creating-page-templates

Ao criar uma página, é necessário selecionar um modelo, que é usado como base para a criação da nova página. O modelo define a estrutura da página resultante, todo conteúdo inicial e os componentes que podem ser usados.

Com o Editor de modelos, criar e manter modelos não é mais uma tarefa somente para desenvolvedores. Um tipo de usuário avançado, chamado de autor de modelo, também pode ser envolvido. Os desenvolvedores ainda são necessários para configurar o ambiente, criar bibliotecas de clientes e criar os componentes a serem usados, mas uma vez que essas noções básicas estejam em vigor, o autor do modelo terá a flexibilidade de criar e configurar modelos sem um projeto de desenvolvimento.

O Console de Modelos permite que os autores de modelo:

O Editor de Modelos permite que os autores de modelo:

Este documento explica como um autor do modelo pode usar o console de modelos e o editor para criar e gerenciar modelos editáveis.

Para obter informações detalhadas sobre como os modelos editáveis funcionam em nível técnico, consulte o documento do desenvolvedor Modelos de Página.

Antes de começar before-you-start

Antes de começar, é importante considerar que a criação de um modelo requer colaboração. Por esse motivo, a Função é indicada para cada tarefa. Isso não afetará a maneira como você usa um modelo para criar uma página, mas afeta a maneira como uma página se relaciona com o modelo.

Funções roles

A criação de um novo modelo usando o Console de modelos e o Editor de modelos exige a colaboração entre as seguintes funções:

Devido à natureza de algumas tarefas, como a criação de uma pasta, é necessário um ambiente de desenvolvimento, o que requer conhecimento/experiência.

As tarefas detalhadas neste documento são listadas com a função responsável por executá-las.

Criação e gerenciamento de modelos creating-and-managing-templates

Ao criar um modelo editável, você:

Criação de uma pasta de modelo - Administrador creating-a-template-folder-admin

Uma pasta de modelo deve ser criada para que o projeto mantenha seus modelos específicos de projetos. Esta é uma tarefa de administrador e está descrita no documento Modelos de página.

Criação de um novo modelo - Autor do modelo creating-a-new-template-template-author

Definir propriedades do modelo - Autor do modelo defining-template-properties-template-author

Um modelo pode ter as seguintes propriedades:

Para exibir e/ou editar as propriedades:

Imagem em miniatura do modelo template-thumbnail-image

Para definir a miniatura do modelo:

Ativar e permitir um modelo - Autor do modelo enabling-and-allowing-a-template-template-author

Para poder usar um modelo ao criar uma página é necessário:

Habilitar um modelo - Autor do modelo enabling-a-template-template-author

Um modelo pode ser habilitado ou desabilitado para torná-lo disponível ou indisponível no assistente de Criar Página.

Ativar um modelo - Autor allowing-a-template-author

Um modelo pode ser disponibilizado ou indisponibilizado para determinadas ramificações de página.

Publicar um modelo - Autor do modelo publishing-a-template-template-author

À medida que o modelo for referenciado quando a página for renderizada, o modelo totalmente configurado deverá ser publicado, para estar disponível no ambiente de publicação.

Editar modelos - Autores do modelo editing-templates-template-authors

Ao criar ou editar um modelo, há vários aspectos que você pode definir. A edição de modelos é semelhante à criação de página.

A variável Modo o seletor na barra de ferramentas permite selecionar e editar o aspecto apropriado do modelo:

Embora a Política da página opção no Informações da página permite que você selecionar as políticas de página necessárias:

Atributos do modelo template-attributes

Os seguintes atributos de um modelo podem ser editados:

Estrutura template-structure

Os componentes adicionados à estrutura não podem ser movidos/removido das páginas resultantes pelos autores da página. Se quiser que os autores de página possam adicionar e remover componentes de páginas resultantes, será necessário adicionar um sistema de parágrafo ao modelo.

Quando os componentes estiverem bloqueados, é possível adicionar conteúdo, que não pode ser editado por autores da página. É possível desbloquear componentes para permitir definir o Conteúdo inicial.

Conteúdo inicial template-initial-content

Quando um componente tiver sido desbloqueado, é possível definir o conteúdo inicial que é copiado para as páginas resultantes, criadas a partir do modelo. Esses componentes desbloqueados podem ser editados nas páginas resultantes.

Layout template-layout

Com o layout, é possível predefinir o layout do modelo para os formatos de dispositivo necessários. O modo Layout de criação do modelo tem a mesma funcionalidade que o modo Layout da criação de página.

Políticas da página template-page-policies

As políticas de página podem conectar políticas de página predefinidas à página. Essas políticas da página definem as várias configurações de design.

Estilos template-styles

O sistema de estilos permite ao autor do modelo definir classes de estilo na política de conteúdo de um componente para que autores de conteúdo possam selecioná-las ao editarem o componente em uma página. Esses estilos podem ser variações visuais alternativas de um componente, tornando-o mais flexível.

Consulte a Documentação do sistema de estilos para obter mais informações.

Editar um modelo - Estrutura - Autor do modelo editing-a-template-structure-template-author

No modo Estrutura você define os componentes e o conteúdo para o modelo, a política do modelo e seus componentes.

Há várias ações que você pode realizar no Estrutura do editor de modelos e vários recursos para ajudá-lo a:

Adicionar componentes add-components

Existem vários mecanismos para adicionar componentes ao modelo:

Após adicionado, cada componente é marcado com:

Ações do componente component-actions

Execute ações nos componentes uma vez que eles tenham sido adicionados ao modelo. Cada instância individual tem uma barra de ferramentas que permite acessar as ações disponíveis. A barra de ferramentas depende do tipo de componente.

Além disso, ela pode ser dependente das ações executadas como quando uma política foi associada ao componente, o ícone de configuração de design é disponibilizado.

Editar e configurar edit-and-configure

Com essas duas ações você pode adicionar conteúdo aos seus componentes.

Estrutura de Borda indicadora border-to-indicate-structure

Ao trabalhar no modo Estrutura uma borda laranja indica o componente selecionado no momento. Uma linha pontilhada também indica o componente principal.

Política e propriedades (Geral) policy-and-properties-general

As políticas de conteúdo (ou design) definem as propriedades de design de um componente. Por exemplo, os componentes disponíveis ou as dimensões mínima/máxima. Elas são aplicáveis ao modelo (e às páginas criadas com ele).

Crie uma política de conteúdo ou selecione uma existente para um componente.

Isso permite que você defina os detalhes do design.

A janela de configuração é dividida em dois.

As propriedades disponíveis dependem do componente selecionado. Por exemplo, para um componente de texto, as propriedades definem as opções de copiar e colar, de formatação e de estilo de parágrafo, entre outras.

Política policy

As políticas de conteúdo (ou design) definem as propriedades de design de um componente. Por exemplo, os componentes disponíveis ou as dimensões mínima/máxima. Elas são aplicáveis ao modelo (e às páginas criadas com ele).

Em Política você pode selecionar uma política existente para aplicar ao componente por meio da lista suspensa.

Uma nova política pode ser adicionada ao selecionar o botão adicionar ao lado da Selecionar política menu suspenso. Atribua um novo título na variável Título da política campo.

A política existente selecionada no Selecionar política a lista suspensa pode ser copiada como uma nova política usando o botão copiar ao lado da lista suspensa. Atribua um novo título na variável Título da política campo. Por padrão, a política copiada será denominada Cópia de X, onde X é o título da política copiada.

É opcional uma descrição da política no campo Descrição da política.

No Outros modelos que também usam a política selecionada seção, é possível ver quais outros modelos usam a política selecionada na Selecionar política lista suspensa.

Propriedades properties

No cabeçalho Propriedades, é possível definir as configurações do componente. O cabeçalho tem duas guias:

Principal main

Na guia Principal, as configurações mais importantes do componente são definidas.

Por exemplo, para um componente de imagem, as larguras permitidas podem ser definidas juntamente com a ativação de carregamento lento.

Se uma configuração permitir várias configurações, selecione a variável Adicionar para adicionar outra configuração.

Para remover uma configuração, selecione a variável Excluir localizado à direita da configuração.

Para remover uma configuração, selecione a variável Excluir botão.

Recursos features

A variável Recursos permite ativar ou desativar recursos adicionais do componente.

Por exemplo, para um componente de imagem, é possível definir as proporções de corte, as orientações de imagem permitidas e se os uploads são permitidos.

Política e propriedades (container de layout) policy-and-properties-layout-container

As configurações de política e propriedades de um container de layout são semelhantes ao uso geral, mas com algumas diferenças.

A janela de configuração é dividida em duas, assim como no uso geral da janela.

Política policy-layout

As políticas de conteúdo (ou design) definem as propriedades de design de um componente. Por exemplo, os componentes disponíveis ou as dimensões mínima/máxima. Elas são aplicáveis ao modelo (e às páginas criadas com ele).

Em Política  é possível selecionar uma política existente para aplicar ao componente por meio da lista suspensa. Isso funciona exatamente da mesma forma que a janela de uso geral.

Propriedades properties-layout

No cabeçalho Propriedades, é posível escolher quais componentes estão disponíveis para o container de layout e definir suas configurações. O cabeçalho tem três guias:

Componentes permitidos allowed-components

Na guia Componentes permitidos, você define quais componentes estão disponíveis para o container de layout.

Componentes padrão default-components

Na guia Componentes padrão, você define quais componentes são associados automaticamente a determinados tipos de mídia para que, quando um autor arrastar um ativo do navegador de ativos, o AEM saiba com qual componente associá-lo. Somente os componentes com zonas de lançamento estão disponíveis para essa configuração.

Selecionar Adicionar mapeamento para adicionar um componente totalmente novo e mapeamento de tipo MIME.

Selecione um componente na lista e selecione Adicionar tipo para adicionar outro tipo MIME a um componente já mapeado. Clique no ícone Excluir  para remover a um tipo MIME.

Configurações responsivas responsive-settings

Na guia Configurações responsivas, é possível configurar o número de colunas na grade resultante do container de layout.

Desbloquear e bloquear componentes unlock-and-lock-components

Você desbloqueia/bloqueia componentes para definir se o conteúdo está disponível para alteração no modo Conteúdo inicial.

Quando um componente tiver sido desbloqueado:

Isso inclui desbloquear componentes de contêiner para que outros componentes possam ser adicionados, no modo Conteúdo inicial ou nas páginas resultantes. Se já tiver adicionado componentes/conteúdo ao container antes de desbloqueá-lo, eles não serão mais exibidos quando estiver no modo Estrutura, mas serão exibidos no modo Conteúdo inicial. No modo Estrutura, somente o componente de container será exibido com a lista de Componentes permitidos.

Para economizar espaço, o contêiner de layout não é expandido para acomodar a lista de componentes permitidos. Em vez disso, o container se torna uma lista rolável.

Os componentes configuráveis são mostrados com um ícone de Política, no qual você pode tocar ou clicar para editar a política e as propriedades desse componente.

Relação com páginas existentes relationship-to-existing-pages

Se a estrutura for atualizada depois de criar as páginas baseadas no modelo, então essas páginas refletirão as alterações no modelo. Um aviso é exibido na barra de ferramentas para lembrá-lo desse fato, junto com caixas de diálogo de confirmação.

Editar um modelo - Conteúdo inicial - Criação editing-a-template-initial-content-author

O modo Conteúdo inicial é usado para definir o conteúdo que aparecerá quando uma página for criada pela primeira vez com base no modelo. O conteúdo inicial poderá ser posteriormente editado pelos autores de página.

Embora todo o conteúdo criado no modo Estrutura seja visível no Conteúdo inicial, somente os componentes que foram desbloqueados podem ser selecionados e editados.

Editar um modelo - Layout - Autor do modelo editing-a-template-layout-template-author

É possível definir o layout do modelo para um intervalo de dispositivos. O Layout responsivo para modelos funciona como na criação de página.

Editar um modelo - Política da página - Autor/desenvolvedor do modelo editing-a-template-page-policy-template-author-developer

A política da página, incluindo as bibliotecas obrigatórias do lado do cliente, é mantida na opção Política da página do menu Informações da página.

Para acessar a caixa de diálogo Política da página:

Políticas da página page-policies

É possível aplicar uma política de conteúdo ao modelo ou às páginas resultantes. Isso define a política de conteúdo do sistema de parágrafo principal na página.

Propriedades da página page-properties

Usando as propriedades de página, é possível definir as bibliotecas do lado do cliente necessárias usando a caixa de diálogo Design da página. Essas bibliotecas do lado do cliente incluem folhas de estilo e o javascript a serem carregados com o modelo e as páginas criadas com esse modelo.

Editar um modelo - Propriedades da página inicial - Criação editing-a-template-initial-page-properties-author

Usando a opção Propriedades da página inicial, é possível definir as propriedades de página iniciais a ser usadas ao criar páginas resultantes.

Práticas recomendadas best-practices

Ao criar modelos, você deve considerar: