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

Depois que a página é 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 podem ser arrastados para a página. Estes podem então ser editados no local, movidos ou excluídos.

NOTE
Sua conta precisa de direitos de acesso apropriados e permissões para editar páginas.
Se você encontrar algum problema, o Adobe sugere que você entre em contato com o administrador do sistema.
NOTE
Se a página, o modelo ou ambos estiverem configurados corretamente, você poderá 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.

Barra de ferramentas da página

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

  • Ativar/desativar painel lateral

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

    Ativar/desativar painel lateral

  • Informações da página

    Ele fornece acesso ao menu Informações da página, incluindo detalhes da página e ações 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.

    Informações da página

  • Emulador

    Ativa a 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.

    Emulador

  • ContextHub

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

    Context Hub

  • Título da página

    Isso é puramente informativo.

    Título da página

  • Seletor de modo

    Ele exibe o modo atual e permite selecionar outro modo, como editar, layout, timewarp ou direcionamento.

    Seletor de modo

  • Visualizar

    Habilita modo de visualização. Essa ação exibe a página como ela aparece ao ser publicada.

    Modo de visualização

  • Anotar

    Ele permite adicionar anotações à página ao revisar uma página. Após a primeira anotação, o ícone alterna para um número que indica o número de anotações na página.

    Anotar

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.

notificação de fluxos de trabalho

NOTE
A barra de status só é visível para contas de usuário com os privilégios apropriados.

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 fluxo de trabalho e obter mais informações sobre ele também estarão disponíveis, como:

  • Concluído - Abre a caixa de diálogo Concluir Item de Trabalho

  • Delegar - Abre a caixa de diálogo Concluir Item de Trabalho

  • 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 na caixa de entrada de Notificações.

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

Notificação para o número de fluxos de trabalho

Espaço reservado do componente component-placeholder

O espaço reservado do componente é um indicador para mostrar onde um componente será posicionado ao soltá-lo, acima do componente sobre o qual você está passando o mouse.

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

    adicionando um novo componente

  • Ao mover um componente existente:

    movendo um componente existente

Inserir um componente inserting-a-component

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

Você pode adicionar um componente usando o navegador de componentes. O espaço reservado do componente mostra onde o componente está 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 preenche toda a tela. Depois de começar a arrastar um componente, o navegador é 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

Você pode adicionar um componente usando a caixa Arraste componentes aqui do sistema de parágrafos:

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

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

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

    Inserir seleção de componente

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

    A caixa de diálogo Inserir novo componente é aberta para permitir que você selecione o componente necessário:

    Inserir novo componente

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

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

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

Isso é válido para os seguintes tipos de ativos (alguns dependem 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 do conteúdo
NOTE
Esse comportamento pode ser configurado para a instalação. Consulte Configurando 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 desejado para a posição desejada. O espaço reservado do componente mostra onde o componente está posicionado.

    Um componente, apropriado para o tipo de ativo, será criado nesse local e conterá o ativo selecionado.

  4. Edite o componente, se necessário.

NOTE
Em um dispositivo móvel, o navegador de ativos preenche toda a tela. Quando você começa a arrastar um ativo, o navegador se fecha para mostrar a página novamente para que você possa colocar o ativo.

Ao navegar pelos ativos, se você perceber que precisa fazer uma alteração rápida a um ativo, clique no ícone de edição ao lado do nome do ativo para iniciar o Editor de ativos.

ícone de edição

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

Selecionar um componente abre a barra de ferramentas. Isso fornece acesso a várias ações que podem ser executadas no componente.

As ações de fato disponíveis para o usuário serão mostradas conforme apropriado e nem todas elas estarão descritas aqui.

opções da barra de ferramentas do componente

  • Editar

    Dependendo do tipo de componente, isso permite a edição do conteúdo do componente. Frequentemente, é fornecida uma barra de ferramentas.

    Editar

  • Configurar

    Dependente do tipo de componente, permite editar e configurar as propriedades do componente. Frequentemente, uma caixa de diálogo é aberta.

    Configurar

  • Copiar

    Isso copia o componente para a área de transferência. O componente original permanece após uma colagem.

    Copiar

  • Recortar

    Isso copia o componente para a área de transferência. Após a ação de colagem, o componente original é removido.

    Recortar

  • Excluir

    Isso exclui o componente da página com sua confirmação.

    Excluir

  • Inserir componente

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

    Inserir componente

  • Colar

    Isso cola o componente da área de transferência na página. O restante do original depende se você usou copiar ou recortar.

    • É possível colar para a mesma página para outra.
    • O item colado será posicionado acima do item onde você usou a ação de colagem.
    • A ação Colar só será exibida se houver conteúdo na área de transferência.

    Colar

    note note
    NOTE
    Se você colar em uma página diferente que já estava aberta antes da operação de recortar/copiar, será necessário 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 alcançado em um desktop por um Ctrl+Clique ou Command+Clique.

    Grupo

  • Pai

    Permite selecionar o componente principal do componente selecionado.

    Pai

  • Layout

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

    Layout

  • Converter em uma variação de Fragmento de experiência

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

    Converter em variação de Fragmento de experiência

Editar (Conteúdo) edit-content

Há dois métodos de adição 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 de Editar (lápis) da barra de ferramentas do componente.

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

  • Componente de texto

    Componente de texto

  • Componente de imagem

    Componente de imagem

    note note
    NOTE
    A edição não funciona em um componente de imagem vazio.
    Arraste ou carregue uma imagem (usando Configurar) antes de começar a editá-la.
  • 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 Redefinir zoom. Além disso, a tela cheia permite selecionar predefinições de corte.

    Tela inteira do componente de imagem

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

    Opções de edição de componentes

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

Modo de Edição (Conteúdo) de Tela Cheia edit-content-full-screen-mode

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

Editar Modo de Tela Inteira

Por exemplo, o componente de Texto:

Editor de texto

NOTE
Para alguns componentes, o modo de tela cheia tem 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 select-and-hold ou click-and-hold.

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

    movendo componente de parágrafo

  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 do modo de edição para o modo layout para ajustar um componente, você pode selecionar a ação Layout para que um componente altere o layout dele. Isso economiza tempo, pois não é necessário sair do modo de edição.

  1. Quando estiver no modo Editar do console de sites, selecionar um componente revela a barra de ferramentas do componente.

    Modo de edição no formulário

    Clique na ação Layout para poder ajustar o layout do componente.

    Barra de ferramentas do componente

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

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

    Visualização de formulário em vários dispositivos

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

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

    Fechar

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, selecionar outro componente, a barra de ferramentas de edição padrão (não a barra de ferramentas do layout) será exibida para o componente recém-selecionado. As alças de redimensionamento e a barra de ferramentas do emulador desaparecem.
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 o componente estiver em uma página que faz parte de uma live copy ou inicialização (com base em uma live copy). Por exemplo:

    Live Copy

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

    Cancelar herança

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

    Reabilitar herança

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

    Implantação

  • Um Sistema De Parágrafo Herdado

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

    Sistema de parágrafo herdado

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

Se a página for baseada em um modelo editável, você poderá alternar facilmente para o 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ê poderá alternar para o Modo de design usando o seletor de modo de página na barra de ferramentas para habilitar/desabilitar 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 de quais componentes são, ou não, herdados:

  • Borda verde: herdada
  • Borda rosa: a herança é cancelada

Por exemplo:

Status de herança da Live Copy

Adicionar anotações adding-annotations

As anotações permitem que revisores e outros autores forneçam feedback sobre o seu conteúdo. Eles são usados com frequência para fins de revisão 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 estarão visíveis, mas não poderão ser acessados no modo Editar.
  • 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 o modo de visualização. Esse modo permite que você faça o seguinte:

  • Oculte vários mecanismos de edição para ter uma visualização rápida de como a página aparece quando é publicada.
  • Use links para navegar.
  • Ele não atualiza o conteúdo da página.

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

Visualização

Exibir como publicado view-as-published

A opção Exibir como publicado está disponível no menu Informações da página. Isso abre a página em uma nova guia, atualiza o conteúdo e mostra a página exatamente como aparece quando é publicada.

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 várias edições em uma página específica ou quando precisa congelar uma página por pouco tempo.

Uma página pode ser bloqueada a partir do:

  • Console do Sites

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

    Ícone de bloqueio

  • Editor de página

    1. Para abrir o menu, selecione o ícone Informações da página.
    2. Selecione a opção Bloquear página.

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.

Símbolo de bloqueio

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.
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 é semelhante a bloquear a página. Quando a página estiver bloqueada, as opções de bloqueio serã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.

Desbloquear

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.
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. Eles são mostrados na barra de ferramentas quando apropriado:

Desfazer e Refazer

NOTE
O atalho de teclado Ctrl-Z também pode ser usado para desfazer ações de edições em páginas.
O atalho de teclado Ctrl-Y também pode ser usado 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 na qual elas foram executadas. Essa funcionalidade significa que é possível desfazer várias ações na ordem em que foram executadas e refazer para reaplicar uma ou mais ações, se necessário.

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 a ação de desfazer”.

NOTE
É possível:
  • Refazer ações desde que não tenha feito nenhuma edição da página desde que usou o comando desfazer.
  • Desfazer no máximo 20 ações de edição (configuração padrão).
  • Usar os Atalhos de teclado para desfazer e refazer.

Você pode usar Desfazer e Refazer nos seguintes tipos de alterações de página:

  • Adição, edição, remoção e movimentação de parágrafos
  • Edição no local do conteúdo do parágrafo
  • Cópia, recorte e colagem de itens em uma página

Os campos de formulário que os componentes de formulário renderizam 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 no mínimo dez horas. No entanto, para além deste período, a reversão de alterações não é garantida. Seu administrador pode alterar o tempo padrão de dez horas.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2