Criação - o ambiente e as ferramentas

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

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:

Editar conteúdo da página

É possível editar uma página com o editor de páginas. Por exemplo:

https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

Acessar ajuda

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

• o Informações da página seletor; mostra os slides de introdução (como na primeira vez que você acessa o editor).
• o configuração para componentes específicos (usando o ponto de interrogação (?) na barra de ferramentas da caixa de diálogo); mostra a Ajuda contextual.

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

Navegador de componentes

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:

Ao abrir o painel lateral, ele desliza do lado esquerdo (selecione a variável 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 que você está usando:

• Dispositivo móvel (por exemplo, iPad)

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

  Para adicionar um componente à página, toque e segure o componente desejado e mova-o para a direita - o navegador de componentes fecha 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

  • 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 do Componentes navegador, você pode fazer o seguinte:

  • 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 Contêiner de layout:

  

  Para mais informações sobre os componentes disponíveis para você, consulte Console de componentes.

Navegador de ativos

O navegador de ativos mostra todos os ativos disponíveis para uso direto em sua página atual.

O navegador de ativos é uma guia dentro do painel lateral juntamente com o componentes procurarr e árvore de conteúdo. Para abrir ou fechar o painel lateral, use o ícone na parte superior esquerda da barra de ferramentas:

Quando você abre o painel lateral, ele desliza 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:

• Um componente existente do tipo apropriado.

  • Por exemplo, você pode arrastar um ativo de imagem para um componente de imagem.

• A espaço reservado no sistema de parágrafo para criar um componente do tipo apropriado.

  • 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 por:

• Nome

• Caminho

• Tipo de ativo, como imagens, manuscritos, documentos, vídeos, páginas, parágrafos e produtos

• Características do ativo, como Orientação (Retrato, Paisagem, Quadrado) e Estilo (Cor, Monocromático, Tons de cinza)

  • Disponível somente para certos tipos de ativos

A aparência e o manuseio real dependem do tipo de dispositivo que você está usando:

• Dispositivo móvel, como o iPad

  O navegador de arquivos 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 é fechado para mostrar a página novamente, onde é possível adicionar o ativo ao componente necessário.

  

• Desktop

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

  Para adicionar um ativo à página, clique no ativo e arraste-o para o componente ou local necessário.

  

Se precisar alterar rapidamente um ativo, você pode iniciar o Editor de ativos diretamente do navegador de ativos, clicando no ícone editar 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 de perto 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 desliza para abrir (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 recolhe ou expande esse nível.

Clicar no componente realça o componente no editor de páginas. As ações disponíveis dependem do estado da página:

• Por exemplo, uma página básica:

  https://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html

  

  Se o componente clicado na árvore for editável, um ícone de chave inglesa aparecerá à direita do nome. Clicar nesse ícone abre a caixa de diálogo de edição do componente.

  

• Ou uma página que faça parte de um livecopy, em que os componentes são herdados de outra página; por exemplo:

  https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

  

Fragmentos: navegador do conteúdo associado

Se a página contiver Fragmentos do conteúdo, você terá acesso à navegador para conteúdo associado.

Referências

Referências mostrar 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
• Referências às páginas de produtos (no console Comércio - Produtos)

Abra o console e navegue até o recurso desejado, e abra Referências usando:

Selecione o recurso desejado A mostra 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 quando você 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

• Referências às páginas de produto (disponível no console Commerce-Products)

• Lançamentos O fornece acesso a inicializações relacionadas.

• 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 fornecem detalhes e várias ações.

Por exemplo, você pode corrigir uma referência quebrada em um componente Referência:

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

O botão Informações da página (ícone de equalizador) abre um menu que também fornece 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; quando a página for baseada em um modelo editável

• Exibir como publicado

• Exibir no Admin; abre a página no console de sites

• Ajuda

Por exemplo, quando apropriado, Informações da página O também tem as opções:

• Promover lançamento se a página for um lançamento
• Abrir na interface clássica se esta opção foi habilitado por um administrador

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

Modos de página

Há vários modos ao editar uma página o que permite diversas ações:

• Editar - usar esse modo ao editar o conteúdo da página.

• Layout - permite criar e editar o layout responsivo dependendo do dispositivo (se a página for baseada em um contêiner de layout)

• Andaime : ajuda a criar um grande conjunto de páginas que compartilham estrutura, mas têm conteúdo diferente.

• Desenvolvedor - permite executar várias ações (requer privilégios). Isso inclui a inspeção dos detalhes técnicos de uma página e seus componentes.

• Design - permite ativar/desativar componentes para uso em uma página e configurar o design do componente (se a página for baseada em um modelo estático).

• Direcionamento: aumente a relevância do conteúdo por meio do direcionamento e da medição em todos os canais.

• Activity Map - mostra os dados do Analytics para a página.

• Timewarp - permite a exibição do estado das 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 são, ou não, herdados.

• Visualização: 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 acessá-los usando os ícones no canto superior direito. O ícone real é alterado para refletir o modo que você está usando 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 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.

Campos de caminho

O exemplo usado aqui para ilustrar é o componente de imagem. Para obter mais informações sobre como usar e editar 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 oferece 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, o botão 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 em 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.

  

Atalhos de teclado

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

Recursos do Business.Adobe.com

Style System Targeted Content Mobile Forms Theme Editor Digital Rights Management Digital Signage