Editar conteúdo da página editing-page-content

CAUTION
AEM 6.4 chegou ao fim do suporte estendido e esta documentação não é mais atualizada. Para obter mais detalhes, consulte nossa períodos de assistência técnica. Encontre as versões compatíveis here.

Assim que a página for criada (nova ou como parte de um lançamento ou uma live copy), você pode editar o conteúdo para fazer as atualizações necessárias.

O conteúdo é adicionado usando componentes (apropriado ao tipo de conteúdo) que pode ser arrastado para a página. Estes podem então ser editados no local, movidos ou excluídos.

NOTE
Sua conta precisa do direitos de acesso apropriados e permissões para editar páginas.
Caso encontre algum problema, sugerimos que você entre em contato com o administrador do sistema.
NOTE
Se a página e/ou o modelo foi configurado corretamente, é possível usar o layout responsivo durante a edição.
NOTE
Quando estiver no modo de Edição, os links em seu conteúdo ficam visíveis, mas não ficam acessíveis. Use o modo de Visualização se você deseja navegar usando os links no seu conteúdo.

Barra de ferramentas da página page-toolbar

A barra de ferramentas da página oferece acesso à funcionalidade adequada, dependendo da configuração da página.

screen_shot_2018-03-22at11338

A barra de ferramentas oferece acesso a várias opções. Dependendo do contexto e da configuração atuais, algumas opções podem não estar disponíveis.

  • Ativar/desativar painel lateral

    Isso abre/fecha o painel lateral, que retém o Navegador de ativos, Navegador de componentese Árvore de conteúdo.

  • Informações da página

    Fornece acesso ao Informações da página incluindo detalhes e ações da página que podem ser executadas na página incluindo exibição e edição de informações da página, exibição de propriedades da página e publicação/cancelamento da publicação da página.

  • Emulador

    Alterna o barra de ferramentas do emulador, que é usada para emular a aparência da página em outro dispositivo. Isso é alternado automaticamente no modo de layout.

  • ContextHub

    Abre a variável hub de contexto. Disponível somente no modo de Visualização.

    screen_shot_2018-03-22at11543

  • Título da página

    Isto é meramente informativo.

    screen_shot_2018-03-22at11554

  • Seletor de modo

    Exibe a modo e permite selecionar outro modo, como edição, layout, distorção de tempo ou definição de metas.

    chlimage_1-243

  • Visualizar

    Habilitar modo de visualização. Isso exibe a página como ela aparecerá quando publicada.

    chlimage_1-244

  • Anotar

    Permite adicionar anotações para a página ao revisar uma página. Após a primeira anotação, o ícone mudará para um número, indicando o número de anotações na página.

Notificação de status status-notification

Se uma página é parte de um fluxo de trabalho ou de vários fluxos de trabalho, essas informações serão exibidas em uma barra de notificação na parte superior da tela ao editar a página.

screen_shot_2018-03-22at11739

NOTE
A barra de status é visível somente para contas de usuários com privilégios adequados.

A notificação lista o fluxo de trabalho que está sendo executado na página. Se o usuário estiver envolvido na etapa atual do fluxo de trabalho, as opções para afetar o status do workflow e obter mais informações sobre o workflow também estão disponíveis, como:

  • Concluído - Abre o Concluir item de trabalho diálogo

  • Delegar - Abre o Concluir item de trabalho diálogo

  • Exibir detalhes  - abre a janela Detalhes  do fluxo de trabalho

Concluir e delegar etapas do fluxo de trabalho por meio da barra de notificação funciona da mesma maneira como ao participar de fluxos de trabalho por meio da caixa de entrada de Notificações.

Se a página estiver sujeita a vários fluxos de trabalho, o número de fluxos de trabalho será exibido na extremidade direita da notificação, junto a botões de seta para permitir que você navegue pelos fluxos de trabalho.

chlimage_1-245

Espaço reservado do componente component-placeholder

O placeholder do componente é um indicador para mostrar onde um componente será posicionado quando você soltá-lo, acima do componente que você está passando o cursor do mouse.

  • Ao adicionar um novo componente à página (arrastando do navegador de componentes):

    screen_shot_2018-03-22at11928

  • Ao mover um componente existente:

    screen_shot_2018-03-22at112445

Inserir um componente inserting-a-component

Inserir um componente do navegador de componentes inserting-a-component-from-the-components-browser

É possível adicionar um novo componente, usando o navegador de componentes. O placeholder do componente mostra onde o componente será posicionado:

  1. Certifique-se de que a página está no modo de edição.

  2. Abra o navegador de componentes.

  3. Arraste o componente para a posição desejada.

  4. Editar o componente.

NOTE
Em um dispositivo móvel, o navegador de componentes preencherá a tela inteira. Depois que você começa a arrastar um componente, o navegador será fechado para mostrar a página novamente, para que você possa colocar o componente.

Inserir um componente do Sistema de parágrafos inserting-a-component-from-the-paragraph-system

É possível adicionar um novo componente, usando a caixa Arraste componentes aqui:

  1. Certifique-se de que a página está no modo de edição.

  2. Há duas maneiras de selecionar e adicionar um novo componente do sistema de parágrafo:

    • Selecione o Inserir componente opção (+) na barra de ferramentas de um componente existente ou na Arraste componentes aqui caixa.

    screen_shot_2018-03-22at112536

    • Se você estiver em um dispositivo de desktop, clique duas vezes na caixa Arraste componentes aqui.

    A caixa de diálogo Inserir novo componente será aberta para permitir que você selecione o componente desejado:

    screen_shot_2018-03-22at112650

  3. O componente selecionado será adicionado à parte inferior da página. Editar o componente conforme necessário.

Inserir um componente usando o Navegador de ativos inserting-a-component-using-the-assets-browser

Você também pode adicionar um novo componente à página, arrastando um ativo do navegador de ativos. Isso criará automaticamente um novo componente do tipo apropriado (e que contém o ativo).

Isso é válido para os seguintes tipos de ativos (alguns dependerão do sistema de página/parágrafo):

Tipo de ativo
Tipo de componente resultante
Imagem
Imagem
Documento
Download
Produto
Produto
Vídeo
Flash
Fragmento de conteúdo
Fragmento de conteúdo
NOTE
Esse comportamento pode ser configurado para a instalação. Consulte Configurar um sistema de parágrafo para que a arrastar um ativo crie uma instância de componente para obter mais detalhes.

Para criar um componente arrastando um dos tipos de ativos acima:

  1. Certifique-se de que a página está no modo de edição.

  2. Abra o navegador de ativos.

  3. Arraste o ativo para a posição desejada. O placeholder do componente mostra onde o componente será posicionado.

    Um componente, apropriado para o tipo de ativo, será criado no local desejado - conterá o ativo selecionado.

  4. Editar o componente, se necessário.

NOTE
Em um dispositivo móvel, o navegador de ativos preencherá a tela inteira. Depois que você começa a arrastar um ativo, o navegador é fechado para mostrar a página novamente, para que você possa colocar o ativo.

Se, ao navegar pelos ativos, você perceber que precisa fazer uma alteração rápida a um ativo, é possível iniciar o editor de ativos diretamente do navegador, clicando no ícone de edição ao lado do nome do ativo.

screen_shot_2018-03-22at112735

Editar/Configurar/Copiar/Cortar/Excluir/Colar edit-configure-copy-cut-delete-paste

Selecionar um componente abrirá a barra de ferramentas. Isto proporciona acesso a várias ações que podem ser executadas no componente.

As ações reais disponíveis para o usuário serão mostradas conforme apropriado, e nem todas as ações podem estar descritas aqui.

screen_shot_2018-03-22at112909

  • Editar

    Dependendo do tipo de componente, permitirá a edição do conteúdo do componente. Muitas vezes será disponibilizada uma barra de ferramentas.

  • Configurar

    Dependendo do tipo de componente, permitirá a edição e configuração das propriedades do componente. Frequentemente uma caixa de diálogo será aberta.

  • Copiar

    Isso copiará o componente para a área de transferência. Após a ação de colar, o componente original permanecerá.

  • Recortar

    Isso copiará o componente para a área de transferência. Após a ação de colar, o componente original será removido.

    screen_shot_2018-03-22at113007

  • Excluir

    Isso excluirá o componente da página com a confirmação.

  • Inserir componente

    Isso abre a caixa de diálogo para adicionar um novo componente.

  • Colar

    Isso colará o componente da área de transferência na página. O original permanecerá dependendo do uso das funções copiar ou recortar.

    • Você pode colar na mesma página ou em uma diferente.
    • O item colado será colado acima do item no qual você seleciona a ação de colar.
    • A ação Colar só será exibida se houver conteúdo na área de transferência.

    screen_shot_2018-03-22at113553

    note note
    NOTE
    Se você colar em uma página diferente que já foi aberta antes da operação de cortar/copiar, deverá atualizar a página para ver o conteúdo colado.
  • Grupo

    Isso permite selecionar vários componentes de uma só vez. O mesmo pode ser feito em um dispositivo de desktop por um Ctrl+Clique ou Command+Clique.

  • Pai

    Permite selecionar o componente principal do componente selecionado.

    screen_shot_2018-03-22at113028

  • Layout

    Isso permite modificar o layout do componente selecionado. Isso se aplica somente ao componente selecionado e não ativa o Modo Layout para a página inteira.

  • Converta em uma variação de fragmento de experiência

    Isso permite criar um novo fragmento de experiência do componente selecionado ou adicioná-lo a um fragmento de experiência existente.

Editar (conteúdo) edit-content

Existem dois métodos de adição e/ou edição do conteúdo dos componentes:

Caixa de diálogo de edição de componente component-edit-dialog

Abra um componente para editar o conteúdo usando o ícone Editar (lápis) da barra de ferramentas do componente.

As opções de edição exatas dependerão do componente. Para alguns componentes todas as ações só estarão disponíveis no modo de tela cheia. Por exemplo:

  • Componente de texto

    screen_shot_2018-03-22at120215

  • Componente de imagem

    screen_shot_2018-03-22at120252

    note note
    NOTE
    A edição não funciona em um componente de imagem vazio.
    Você deve arrastar ou carregar uma imagem (usando Configurar) antes de começar a editá-lo.
  • Componente de imagem - tela cheia

    Entrar no modo de tela cheia para o componente de imagem permite mais espaço para editar a imagem, bem como mostrar opções de edição adicionais como Inicializar mapa e Restaurar zoom. Além disso, a tela cheia permite selecionar predefinições de corte.

    screen_shot_2018-03-22at120529

  • Componentes construídos a partir de mais de um componente básico, como o Componente de base Texto e Imagem, primeiro solicite que você confirme qual o conjunto de opções de edição deseja:

    chlimage_1-246

Arraste e solte ativos no componente drag-and-drop-assets-into-component

Para tipos de componentes específicos, você pode arrastar e soltar ativos do navegador de ativos diretamente no componente para atualizar o conteúdo:

Tipo de ativo
Tipo de componente
Imagem
Imagem
Documento
Download
Produto
Produto
Vídeo
Flash
Fragmento de conteúdo
Fragmento de conteúdo

Editar (conteúdo) modo de tela cheia edit-content-full-screen-mode

Para todos os componentes, o modo de tela cheia pode ser acessado com (e fechado de):

Por exemplo, o componente de Texto:

screen_shot_2018-03-22at121616

NOTE
Para alguns componentes, o modo de tela cheia terá mais opções disponíveis do que o editor básico no local.

Mover um componente moving-a-component

Para mover um componente de parágrafo:

  1. Selecione o parágrafo a ser movido com um toque e uma retenção ou clique e segure.

  2. Arraste o parágrafo para o novo local. AEM indica onde o parágrafo pode ser depositado. Solte-o no local desejado.

    screen_shot_2018-03-22at121821

  3. Seu parágrafo foi movido.

NOTE
Também é possível usar Cortar e colar para mover um componente.

Editar layout de componente edit-component-layout

Em vez de repetidamente alternar entre os modos de edição e de layout para ajustar um componente, você pode selecionar a ação Layout referente a um componente para alterar o layout do componente e poupar tempo, uma vez que não é preciso sair do modo de edição.

  1. Quando estiver no modo de Edição  do console de sites, selecionar um componente revela a barra de ferramentas do componente.

    screen_shot_2018-03-22at133756

    Clique ou toque na ação Layout  para definir o layout do componente.

  2. Depois que a ação Layout é selecionada:

    • As alças de redimensionamento do componente são exibidas.
    • A barra de ferramentas do emulador é exibida na parte superior da tela.
    • As ações de Layout são exibidas na barra de ferramentas do componente, em vez das ações de edição padrão.

    screen_shot_2018-03-22at133843

    Agora é possível modificar o layout do componente da mesma maneira que você faria no modo de layout.

  3. Após fazer as alterações necessárias no layout, clique no botão Fechar  no menu de ação de componente para concluir a modificação do layout do componente. A barra de ferramentas do componente retornará ao seu estado normal de edição.

NOTE
O escopo da ação Layout é limitada ao componente selecionado. Por exemplo, se você estiver editando o layout de um componente e, em seguida, clicar em outro componente, a barra de ferramentas de edição padrão (não a barra de ferramentas do layout) será exibida para o componente recentemente selecionado e as alças de redimensionamento, bem como a barra de ferramentas do emulador desaparecerão.
Se você precisar editar o layout geral da página, afetando vários componentes, alterne para o modo de layout.

Componentes herdados inherited-components

Componentes herdados podem ser o resultado de vários cenários, incluindo:

Você pode cancelar (e depois reativar) a herança. Dependendo do componente, isso pode estar disponível em:

  • Live Copy

    A barra de ferramentas do componente, se ele estiver em uma página que faça parte de uma live copy ou lançamento (com base em uma live copy). Por exemplo:

    screen_shot_2018-03-22at134339

    A opção Cancelar herança está disponível:

    Ou reativar herança se já tiver sido cancelada:

    A ação Implantação também está disponível no blueprint ou na origem da Live Copy:

  • Um sistema de parágrafo herdado

    A caixa de diálogo de configuração. Por exemplo, como com o Sistema de parágrafo herdado:

    chlimage_1-247

Editar o modelo da página editing-the-page-template

Se a página for baseada em um modelo editável, você pode alternar facilmente para a editor de modelos selecionando Editar modelo no Menu Informações da página.

Se a página for baseada em um modelo estático, você pode alternar para Modo de design usando o seletor de modo de página na barra de ferramentas para ativar/desativar componentes para uso na página.

É possível ver em qual modelo a página é baseada ao selecionar a página na Exibição de coluna ou na Exibição de lista.

Status da Live Copy live-copy-status

O Modo de página Status da Live Copy permite ter uma visão geral rápida do status da live copy e quais componentes são/não são herdados:

  • Borda verde: Herdado
  • Borda rosa: A herança foi cancelada

Por exemplo:

screen_shot_2018-03-22at134820

Adicionar anotações adding-annotations

As anotações permitem que revisores e outros autores forneçam feedback sobre o seu conteúdo. Geralmente são usados para fins de análise e validação.

Visualizar páginas previewing-pages

Existem duas opções para a visualização de uma página:

NOTE
  • Os links no conteúdo são visíveis, mas não são acessíveis no modo de Edição.
  • Use qualquer uma das opções de visualização, caso deseje navegar usando os links.
  • Use o atalho de teclado Ctrl-Shift-M para alternar entre a visualização e o último modo selecionado.
NOTE
O cookie do Modo WCM está definido para ambas as opções.

Modo de visualização preview-mode

Ao editar o conteúdo, você pode visualizar a página usando a visualização modo. Este modo:

  • Oculta vários mecanismos de edição para fornecer uma visualização rápida de como a página aparecerá na publicação.
  • Permite usar links para navegar.
  • Does not atualize o conteúdo da página.

Ao criar, o modo de visualização estará disponível usando o ícone na parte superior direita do editor de páginas:

chlimage_1-248

Exibir como publicado view-as-published

O Exibir como publicado está disponível no Informações da página menu. Isso abre a página em uma nova guia, atualiza o conteúdo e mostra a página exatamente como ela aparecerá no ambiente de publicação.

Bloquear uma página locking-a-page

O AEM permite bloquear uma página, de modo que ninguém mais possa modificar o conteúdo. Isso é útil quando você está fazendo diversas edições para uma página específica ou quando precisa congelar uma página por pouco tempo.

Uma página pode ser bloqueada através de:

  • Sites console

    1. Selecione a página com modo de seleção.
    2. Selecione o ícone de bloqueio.

    screen_shot_2018-03-22at134928

  • Editor de página

    1. Selecione o Informações da página para abrir o menu.
    2. Selecione o Bloquear página opção.

Uma vez bloqueadas, as informações de exibição do console são atualizadas e, ao editar, um símbolo de cadeado é apresentado na barra de ferramentas.

screen_shot_2018-03-22at135010

CAUTION
O bloqueio de uma página pode ser executado quando representar um usuário. No entanto, uma página bloqueada dessa maneira só pode ser desbloqueada pelo usuário que foi representado ou pelo usuário administrador.
As páginas não podem ser desbloqueadas representando o usuário que as bloqueou.

Desbloquear uma página unlocking-a-page

Desbloquear uma página é muito semelhante a bloquear uma página. Uma vez bloqueada, as opções de bloqueio são substituídas por ações de desbloqueio.

O menu de Informações da página lista Desbloquear como uma opção, e o ícone Bloquear no console de sites é substituído pelo ícone Desbloquear.

screen_shot_2018-03-22at134942

CAUTION
O bloqueio de uma página pode ser executado quando representar um usuário. No entanto, uma página bloqueada dessa maneira só pode ser desbloqueada pelo usuário que foi representado ou pelo usuário administrador.
As páginas não podem ser desbloqueadas representando o usuário que as bloqueou.

Desfazer e refazer edições de página undoing-and-redoing-page-edits

Os ícones a seguir permitem desfazer ou refazer uma ação. Os seguintes itens são mostrados na barra de ferramentas, quando apropriado:

NOTE
O atalho do teclado Ctrl-Z também pode desfazer ações de edições em páginas.
O atalho do teclado Ctrl-Y também está disponível para refazer ações de edições em páginas.
NOTE
Consulte Desfazer e refazer edições de página - A teoria para obter todos os detalhes do que é possível fazer ao desfazer e refazer edições de página.

Desfazer e refazer edições de página - a teoria undoing-and-redoing-page-edits-the-theory

NOTE
O administrador do sistema pode configurar vários aspectos dos recursos Desfazer/Refazer de acordo com os requisitos da sua instância.

O AEM armazena um histórico de ações que você executa e a sequência executada. Assim, você desfaz várias ações na ordem executada, bem como refazer para aplicar novamente uma ou mais ações.

Se um elemento na página de conteúdo estiver selecionado (po exemplo, como um componente de texto), o comando de desfazer e refazer será aplicado ao item selecionado.

O comportamento dos comandos desfazer e refazer é semelhante ao de outros programas de software. Use os comandos para restaurar o estado recente da sua página da Web, conforme você decide sobre o conteúdo. Por exemplo, caso mova um parágrafo de texto para um local diferente na página, você pode usar o comando desfazer para mover o parágrafo de volta. Se você decidir que a posição anterior era melhor, use o comando refazer para "desfazer o desfazer".

NOTE
É possível:
  • Refazer ações, desde que não tenha feito uma edição de página desde que usou o comando desfazer.
  • Desfazer um máximo de 20 ações de edição (configuração padrão).
  • Também use Atalhos de teclado para desfazer e refazer.

Você pode usar as opções desfazer e refazer para os seguintes tipos de alterações de página:

  • Adicionar, editar, remover e mover parágrafos
  • Edição no local do conteúdo do parágrafo
  • Copiar, recortar e colar itens em uma página

Os campos do formulário que formam a renderização dos componentes não devem ter valores especificados durante a criação de páginas. Portanto, os comandos desfazer e refazer não afetam as alterações feitas nos valores desses tipos de componentes. Por exemplo, não é possível desfazer a seleção de um valor em uma lista suspensa.

NOTE
Permissões especiais são necessárias para desfazer e refazer as alterações nos arquivos e imagens.
NOTE
O histórico de alterações em arquivos e imagens dura pelo menos dez horas. Além desse tempo, no entanto, desfazer as alterações não é garantido. O administrador pode alterar o tempo padrão de dez horas.
recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c