Ambiente e ferramentas de criação

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.

Gerenciar o site

O console Sites 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 trilhos secundários (por exemplo, linha do tempo e referências).

Por exemplo, exibição de coluna:

Editar conteúdo da página

É 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

Acessar ajuda

Ao editar uma página, a Ajuda pode ser acessada de:

• O seletor Informações da página que mostra os slides de introdução (como na primeira vez que você acessa o editor)
• A caixa de diálogo Configuração para componentes específicos (usando o ícone ? na barra de ferramentas da caixa de diálogo), que mostra a ajuda sensível ao contexto

Mais os recursos relacionados à ajuda estão disponíveis nos consoles.

Navegador de componentes

Os componentes são os blocos de construção do conteúdo do AEM. Você coloca vários componentes em uma página e configura as opções para criar a página de conteúdo com o AEM.

O navegador de componentes mostra todos os componentes disponíveis para uso na 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:

Ao abrir o painel lateral, ele deslizará do lado esquerdo (selecione a opção Componentes se necessário). Ao abrir o, você pode navegar por todos os componentes disponíveis para a 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 o 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.

  

• Dispositivo de desktop

  O navegador de componentes é aberto no lado esquerdo da janela.

  Para adicionar um componente à sua página, clique no componente desejado e arraste-o para o local desejado.

  

  Os componentes são representados por

  • Nome do componente
  • Grupo do componente (em cinza)
  • Ícone ou abreviação
    • Os ícones dos componentes padrão são monocromáticos.
    • As abreviações são sempre os dois primeiros caracteres do nome do componente.

  Na barra de ferramentas superior, no navegador Componentes, é possível:

  • Filtrar componentes por nome.
  • Limitar a exibição para um grupo específico usando a seleção suspensa.

  Para obter uma descrição mais detalhada do componente, clique ou toque no ícone de informações ao lado do componente no navegador Componentes (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.

Navegador de ativos

O navegador de ativos mostra todas as ativos que estão disponíveis para uso direto na 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 a guia Ativos se necessário.

Quando o navegador de ativos está aberto, você pode 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 à página, selecione e arraste para o local desejado. Pode ser:

• Um componente existente do tipo apropriado.
  • Por exemplo, você pode arrastar um ativo de imagem para um componente de imagem.
• Um espaço reservado no sistema de parágrafo para criar um novo componente do tipo adequado.
  • Por exemplo, você pode arrastar um ativo de imagem para o sistema de parágrafo para criar um componente de imagem.

Na barra de ferramentas superior do navegador de ativos, é possível filtrar os ativos ao:

• Nome
• Caminho
• Tipo de ativo como imagens, vídeos, documentos, parágrafos, Fragmentos de conteúdo e Fragmentos de experiência
• Características do ativo, como orientação e estilo
  • Disponível somente para certos tipos de ativos

A aparência e o manuseio real dependem do tipo de dispositivo usado:

• Dispositivo móvel

  O navegador de ativos cobre completamente a página que está sendo editada.

  Para adicionar um ativo à página, toque e segure o ativo necessário e mova-o para a direita: o navegador de ativos fechará para mostrar a página novamente, onde é possível 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.

  

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.

Árvore de conteúdo

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 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 é 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 serã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 iniciará diretamente 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.

Fragmentos: navegador do conteúdo associado

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

Referências mostra conexões com a página selecionada:

• Blueprints
• Lançamentos
• Live copies
• Cópias de idioma
• Links de entrada
• Uso do componente de referência: conteúdo emprestado e concedido

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 estão disponíveis ao selecionar uma referência específica, incluindo:

• Links de entrada, fornecem uma lista de páginas que fazem referência à página, junto 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

Eventos - Linha do tempo

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:

Informações da página

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:

• Abrir propriedades
• Página de implantação
• Iniciar fluxo de trabalho
• Bloquear página
• Publicar página
• Desfazer a publicação da página
• Editar modelo
• Exibir como publicado
• Exibir no admin
• Ajuda
• Promover lançamento (somente se a página for um lançamento)

Além disso, Informações da página O pode fornecer acesso a análises e recomendações, quando apropriado.

Modos de página

Há vários modos ao editar uma página que permitem ações diferentes:

• Editar - o modo a ser usado ao editar o conteúdo da página.
• Layout - permite que você crie e edite seu layout responsivo dependente do dispositivo (se a página for baseada em um contêiner de layout)
• Direcionamento - aumentar a relevância do conteúdo por meio do direcionamento e da medição em todos os canais.
• Timewarp - permite exibir um estado de páginas em um momento específico.
• Status da Live Copy - permite uma visão geral rápida do status da live copy e de quais componentes não são herdados.
• Modo de desenvolvedor
• Visualização- o modo usado para visualizar a página da forma que será exibida no ambiente de publicação; ou navegar usando os links no conteúdo.
• Anotar - usado para adicionar ou exibir anotações na página.

Você pode acessar esses itens usando os ícones no canto superior direito. O ícone real será alterado para refletir o modo usado no momento:

Seleção de caminho

Geralmente, durante a criação, é necessário selecionar outro recurso, como ao definir um link para outra página ou recurso ou selecionar uma imagem. Para selecionar facilmente um caminho, campos de caminho O preenchimento automático da oferta e o navegador de caminho permite uma seleção mais robusta.

Campos de caminho

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.

Navegador de caminhos

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. Clique ou toque 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 em 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.

  

Atalhos de teclado

Vários atalhos de teclado estão disponíveis.

Recursos do Business.Adobe.com