O ambiente de criação do AEM fornece vários mecanismos para organização e edição de conteúdo. As ferramentas fornecidas são acessadas de vários consoles e editores de página.
A variável Sites o console permite navegar e gerenciar o site, usando a barra de cabeçalho, a barra de ferramentas, os ícones de ação (aplicáveis ao recurso selecionado), as navegações estruturais e, quando selecionados, os painéis secundários (por exemplo, linha do tempo e referências).
Por exemplo, exibição de coluna:
É possível editar uma página com o editor de páginas. Por exemplo:
http://<host>:<port>/editor.html/content/wknd/en/sports/la-skateparks.html
Na primeira vez que você abrir uma página para edição, uma série de slides fornecerá um tour pelos recursos.
Se desejar, é possível ignorar o tour e repeti-lo a qualquer momento, selecionando-o no menu Informações da página.
Ao editar uma página, a Ajuda pode ser acessada de:
Mais recursos relacionados à ajuda estão disponíveis nos consoles.
Os componentes são os tijolos do conteúdo do AEM. Você coloca vários componentes em uma página e configura suas opções para criar sua página de conteúdo com o AEM.
O navegador de componentes mostra todos os componentes que estão disponíveis para uso em sua página atual. Elas podem ser arrastadas para o local apropriado e, em seguida, editadas para adicionar o conteúdo.
O navegador de componentes é uma guia dentro do painel lateral (junto com o navegador de ativos e a árvore de conteúdo). Para abrir (ou fechar) o painel lateral, use o ícone na parte superior esquerda da barra de ferramentas:
Quando você abrir o painel lateral, ele deslizará pelo lado esquerdo (selecione a guia Componentes, se necessário). Quando aberto, é possível navegar por todos os componentes disponíveis para sua página.
A aparência e o manuseio real dependem do tipo de dispositivo usado:
Dispositivo móvel (por exemplo, iPad)
O navegador de componentes cobre completamente a página que está sendo editada.
Para adicionar um componente à sua página, toque e segure no componente desejado e mova-o para a direita, o navegador de componentes será fechado para mostrar a página novamente, onde você pode posicionar o componente.
Desktop
O navegador de componentes é aberto no lado esquerdo da janela.
Para adicionar um componente à página, clique no componente desejado e arraste-o para o local desejado.
Os componentes são representados por
Na barra de ferramentas superior, no navegador Componentes, é possível:
Para obter uma descrição mais detalhada do componente, selecione o ícone de informações ao lado do componente na Componentes navegador (se disponível). Por exemplo, para o Fragmento de conteúdo:
Para mais informações sobre os componentes disponíveis para você, consulte o Console de componentes.
Um dispositivo móvel é detectado quando a largura for menor que 1024px. Esse também pode ser o caso de uma janela de desktop pequena.
O navegador de ativos mostra todos os ativos disponíveis para uso direto em sua página atual.
O navegador de ativos é um guia no painel lateral juntamente com o navegador de componentes e a árvore de conteúdo. Para abrir ou fechar o painel lateral, use o ícone na parte superior esquerda da barra de ferramentas:
Ao abrir o painel lateral, ele deslizará do lado esquerdo. Selecione o Assets se necessário.
Quando o navegador de ativos estiver aberto, você poderá navegar por todos os ativos disponíveis para sua página. A rolagem infinita é usada para expandir a lista quando necessário.
Para adicionar um ativo à sua página, selecione-o e arraste-o até o local desejado. Pode ser:
Isso está disponível para tipos específicos de ativos e componentes. Consulte Inserção de um componente usando o Navegador de ativos para obter mais detalhes.
Na barra de ferramentas superior do navegador de ativos, é possível filtrar os ativos por:
A aparência e o manuseio real dependem do tipo de dispositivo usado:
Dispositivo móvel
O navegador de arquivos cobre completamente a página que está sendo editada.
Para adicionar um ativo à sua página, toque e segure o ativo desejado e, em seguida, mova-o para a direita, o navegador de ativos será fechado para mostrar a página novamente, para que você possa adicionar o ativo ao componente necessário.
Dispositivo de desktop
O navegador de ativos é aberto no lado esquerdo da janela.
Para adicionar um ativo à página, clique no ativo necessário e arraste-o para o componente ou local necessário.
Um dispositivo móvel é detectado quando a largura é menor do que 1024px, ou seja, isso também inclui em uma janela de desktop pequena.
Se você precisar fazer uma alteração rápida em um ativo, pode iniciar o editor de ativos diretamente do navegador de ativos, clicando no ícone de edição mostrado ao lado do nome do ativo.
A variável Árvore de conteúdo fornece uma visão geral de todos os componentes na página em uma hierarquia para que você possa ver rapidamente como a página é composta.
A Árvore de conteúdo é uma guia dentro do painel lateral (junto com o navegador de componentes e de ativos). Para abrir (ou fechar) o painel lateral, use o ícone na parte superior esquerda da barra de ferramentas:
Ao abrir o painel lateral, ele deslizará para ser aberto (a partir do lado esquerdo). Selecione a guia Árvore de conteúdo, se necessário. Ao abrir, é possível ver uma representação em exibição de árvore da página ou do modelo, para que seja mais fácil entender como o conteúdo está estruturado hierarquicamente. Além disso, em uma página complexa, facilita a alternância entre componentes da página.
Uma página pode ser facilmente composta por vários componentes do mesmo tipo, portanto a árvore de conteúdo (componente) exibe o texto descritivo (em cinza) após o nome do tipo de componente (em preto). O texto descritivo vem das propriedades comuns do componente, como título ou texto.
Os tipos de componentes são mostrados no idioma do usuário, enquanto o texto de descrição do componente vem do idioma da página.
Clicar na divisa ao lado de um componente recolherá ou expandirá esse nível.
Clicar no componente destacará o componente no editor de páginas. As ações disponíveis dependerão do estado da página:
Por exemplo, uma página básica:
Os componentes de uma página básica terão as opções normais.
Se o componente que você clicar na árvore for editável, um ícone de chave inglesa aparecerá à direita do nome. Clicar nesse ícone inicia a caixa de diálogo de edição do componente.
Uma página que faz parte de uma live copy, em que os componentes são herdados de outra página.
A Árvore de conteúdo não ficará disponível se você estiver editando uma página em um dispositivo móvel (se a largura do navegador for menor do que 1024px).
Se a página contiver Fragmentos do conteúdo, então você também terá acesso ao navegador para o conteúdo associado.
Referências mostra conexões com a página selecionada:
Abra o console e navegue até o recurso desejado, e abra Referências usando:
Selecione o recurso desejado para mostrar uma lista de tipos de referências relevantes para esse recurso:
Selecione o tipo de referência apropriado para obter mais informações. Em determinadas situações, outras ações estarão disponíveis ao selecionar uma referência específica, incluindo:
Links de entrada, fornece uma lista de páginas que fazem referência à página, juntamente com acesso direto a Editar uma dessas páginas ao selecionar um link específico.
Instâncias de conteúdo emprestado e concedido usando o componente Referência, daqui você pode navegar até a página de referência/referenciada
Lançamentos, fornecem acesso a lançamentos relacionados
As Live Copies exibem os caminhos de todas as live copies que são baseadas no recurso selecionado.
Blueprint, fornece detalhes e várias ações
Cópias de idiomas, fornece detalhes e várias ações
Para os recursos adequados (por exemplo, as páginas no console Sites ou os ativos no console Ativos), a linha do tempo pode ser usada para mostrar a atividade recente de qualquer item selecionado.
Abra o console e navegue até o recurso desejado, e abra Linha do tempo usando:
Selecione o recurso desejado, em seguida escolha Exibir todos ou Atividades para listar as ações recentes nos recursos selecionados:
As Informações da página (ícone de equalizador) abrem um menu que também fornece os detalhes sobre a última edição e a última publicação. Dependendo das características da página, de seu site e instância, mais ou menos opções podem estar disponíveis:
Além disso, as Informações da página podem fornecer acesso a análises e recomendações, quando apropriado.
Há vários modos ao editar uma página o que permite diversas ações:
Você pode acessar esses itens usando os ícones no canto superior direito. O ícone real será alterado para refletir o modo usado no momento:
Ctrl-Shift-M
) para alternar entre Visualizar e o modo selecionado no momento (por exemplo, Editar, Layout e assim por diante).Geralmente, durante a criação, é necessário selecionar outro recurso, como ao definir um link para outra página ou recurso ou ao selecionar uma imagem. Para selecionar facilmente um caminho, os campos de caminho oferecem preenchimento automático e o navegador de caminhos permite uma seleção mais robusta.
O exemplo usado aqui para ilustrar é o componente de imagem. Para obter mais informações sobre o uso e a edição de componentes, consulte Componentes para criação de página.
Agora, os campos de caminho têm funcionalidade antecipada e de preenchimento automático, para facilitar a localização de um recurso.
Clicar no botão Abrir caixa de diálogo no campo de caminho abre a caixa de diálogo navegador de caminho para permitir opções mais detalhadas de seleção.
Como alternativa, comece a digitar no campo de caminho e o AEM oferecerá caminhos correspondentes à medida que você digita.
O navegador de caminho é organizado da mesma maneira que a exibição de coluna do console de sites, permitindo uma seleção mais detalhada dos recursos.
Após selecionar um recurso, a variável Selecionar no canto superior direito da caixa de diálogo se torna ativo. Selecione para confirmar a seleção ou Cancelar para suspender.
Se o contexto permite a seleção de vários recursos, selecionar um recurso também ativa o botão Selecionar, mas, além disso, adiciona uma contagem do número de recursos selecionados no canto superior direito da janela. Clique no X ao lado do número para desmarcar tudo.
Ao navegar pela árvore, sua localização é refletida na navegação estrutural na parte superior da caixa de diálogo. Essas navegações estruturais também podem ser usadas para saltar rapidamente dentro da hierarquia de recursos.
A qualquer momento, você pode usar o campo de pesquisa na parte superior da caixa de diálogo. Clique no X no campo de pesquisa para limpar a pesquisa.
Para limitar sua pesquisa, você pode revelar as opções de filtro e filtrar seus resultados com base em um determinado caminho.
Vários atalhos de teclado estão disponíveis.