Ambiente e ferramentas de criação authoring-the-environment-and-tools
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 managing-your-site
O 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 trilhos secundários (por exemplo, linha do tempo e referências).
Por exemplo, exibição de cartão:
Editar conteúdo da página editing-page-content
Você pode editar uma página com o editor de páginas. Por exemplo:
http://localhost:4502/editor.html/content/we-retail/us/en/equipment.html
Acessar ajuda accessing-help
Ao editar uma página, a Ajuda pode ser acessada de:
- o Informações da página seletor; isso mostrará os slides de introdução (como na primeira vez que você acessa o editor).
- o configuração para componentes específicos (usando o ícone na barra de ferramentas da caixa de diálogo); isso mostrará a ajuda sensível ao contexto.
Mais os recursos relacionados à ajuda estão disponíveis nos consoles.
Navegador de componentes components-browser
O navegador de componentes mostra todos os componentes disponíveis para uso na página atual. Eles podem ser arrastados para o local apropriado e depois editados para adição de 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 o Componentes , se necessário). Quando estiver aberto, 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 componentes à 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ê poderá posicionar o componente.
-
Dispositivo de 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 de componentes (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).
Para mais informações sobre os componentes disponíveis para você, consulte o Console de componentes.
-
Navegador de ativos assets-browser
O navegador de ativos mostra todos os ativos disponíveis para o uso direto na sua página atual.
O navegador de ativos é uma guia dentro do painel lateral juntamente com o navegador de componentesr e á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. Isso pode ser:
-
Um componente existente do tipo adequado.
- 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, 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, Escala de cinza)
- Disponível apenas para determinados tipos de ativos
A aparência e o manuseio real dependem do tipo de dispositivo usado:
-
Dispositivo móvel como o iPad
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 será fechado para mostrar a página novamente, onde você poderá adicionar o ativo ao componente desejado.
-
Dispositivo de desktop
O navegador de ativos é aberto no lado esquerdo da janela.
Para adicionar um ativo à página, clique no ativo desejado e arraste-o para o componente ou local desejado.
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 content-tree
O Árvore de conteúdo O 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. Quando estiver aberta, é possível visualizar uma representação de visualização em árvore de sua página ou modelo, para que seja mais fácil entender como seu conteúdo é estruturado hierarquicamente. Além disso, em uma página complexa, facilita alternar entre os componentes da página.
Uma página pode ser facilmente composta por vários componentes do mesmo tipo, de modo que a árvore exibe o texto descritivo (em cinza) após o nome do tipo de componente (em preto). O texto descritivo vem de 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 realçará o componente no editor de páginas.
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.
Fragmentos: navegador do conteúdo associado fragments-associated-content-browser
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 references
Referências mostra conexões com a página selecionada:
- Blueprints
- Lançamentos
- Live copies
- Cópias de idioma
- Utilização do componente de referência
- Referências a 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 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:
- Instâncias do componente de referência (por exemplo, navegue para referenciar ou até a página referenciada)
- Referências a páginas de produtos (disponível no console Comércio-Produtos)
- Lançamentos
- As Live Copies exibem os caminhos de todas as live copies que são baseadas no recurso selecionado.
- Blueprint
- Cópias de idiomas
Por exemplo, você pode corrigir uma referência quebrada em um componente de Referência:
Eventos - Linha do tempo events-timeline
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 page-information
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 (e de seu site), mais ou menos opções podem estar disponíveis:
Por exemplo, quando apropriado, Informações da página tem também as opções:
-
Promover lançamento se a página for um lançamento.
-
Editar modelo se a página for baseada em um modelo editável
-
Abrir na interface clássica se essa opção tiver sido habilitado por um administrador
Além disso, Informações da página O pode fornecer acesso a análises e recomendações, quando apropriado.
Modos de página page-modes
Há vários modos ao editar uma página, permitindo 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)
-
Andaime - ajuda a criar um grande conjunto de páginas que compartilham a mesma estrutura, mas têm conteúdo diferente.
-
Desenvolvedor - permite executar várias ações (requer privilégios). Isso inclui inspecionar os detalhes técnicos de uma página e seus componentes.
-
Design - permite habilitar/desabilitar 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 da definição de metas e medição em todos os canais.
-
Activity Map - mostra os dados do Analytics para a página.
-
Timewarp - permite visualizar o estado de uma página em um ponto específico do tempo.
-
Status da Live Copy - permite uma visão geral rápida do status da live copy e quais componentes são/não são herdados.
-
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:
- Dependendo das características da página, alguns modos podem não estar disponíveis.
- O acesso a alguns modos requer permissões/privilégios adequados.
- O modo Desenvolvedor não está disponível em dispositivos móveis devido a restrições de espaço.
- Existe um atalho de teclado (
Ctrl-Shift-M
) para alternar entre o modo de Visualização e o atualmente selecionado (por exemplo, Editar, Layout etc).
Seleção de caminho path-selection
Geralmente, ao criar, é necessário selecionar outro recurso, como ao definir um link para outra página ou recurso ou selecionar uma imagem. Para selecionar um caminho facilmente, campos de caminho oferta de preenchimento automático e o navegador de caminho permite uma seleção mais robusta.
Campos de caminho path-fields
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. Basta começar a digitar no campo de caminho e o AEM oferecerá caminhos correspondentes à medida que você digita.
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.
Navegador de caminhos path-browser
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.
Depois que um recurso é selecionado, a variável Selecionar no canto superior direito da caixa de diálogo, torna-se 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.
As navegações estruturais podem ser usadas para avançar rapidamente na hierarquia do recurso.
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 keyboard-shortcuts
Vários atalhos de teclado estão disponíveis.