Editar conteúdo da página

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.

Barra de ferramentas da página

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

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 contém a tag Navegador de ativos, Navegador de componentes, e Árvore de conteúdo.

  

• Informações da página

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

  

• Emulador

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

  

• ContextHub

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

  

• Título da página

  Isso é puramente informativo.

  

• Seletor de modo

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

  

• Visualizar

  Habilita modo de visualização. Isso exibe a página como ela será exibida quando publicada.

  

• Anotar

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

  

Notificação de status

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.

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 serão afetar o status do workflow e obter mais informações sobre o fluxo de trabalho também estão disponíveis, como:

• Concluído - Abre a Item de trabalho completo caixa de diálogo

• Delegar - Abre a Item de trabalho completo caixa de 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.

Espaço reservado do componente

O placeholder 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 no momento.

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

  

• Ao mover um componente existente:

  

Inserir um componente

Inserir um componente do navegador de componentes

É 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.

Inserir um componente do Sistema de parágrafos

É 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ágrafos:

   • Selecione o Inserir componente na barra de ferramentas de um componente existente ou na variável Arraste os componentes para cá caixa.

   

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

   

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

Você também pode adicionar um novo componente à página arrastando um ativo da página 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):

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 necessário; ele conterá o ativo selecionado.

4. Editar o componente, se necessário.

Se, durante a navegação 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 editar ao lado do nome do ativo.

Editar/Configurar/Copiar/Recortar/Excluir/Colar

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.

• 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 colagem, o componente original permanecerá.

  

• Recortar

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

  

• Excluir

  O componente será excluído da página com sua 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. Se o original permanece, depende se você usou copiar ou recortar.

  • É possível 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 colagem.
  • A ação Colar só será exibida se houver conteúdo na área de transferência.

  

  OBSERVAÇÃO

  Se você colar em uma página diferente que já estava aberta antes da operação de cortar/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 dispositivo desktop por um Ctrl+Clique ou Command+clique.

  

• Pai

  Permite selecionar o componente principal do componente selecionado.

  

• Layout

  Isso permite modificar a variável layout do componente selecionado. Isso se aplica somente ao componente selecionado e não ativa o Modo de 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)

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

• Abra o caixa de diálogo do componente para edição.
• Arrastar e soltar um ativo no navegador de ativos para adicionar conteúdo diretamente.

Caixa de diálogo de edição de componente

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

  

• Componente de imagem

  

  OBSERVAÇÃO

  A edição não funciona em um componente de imagem vazio.

  Você deve arrastar ou fazer upload de 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.

  

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

  

Arraste e solte ativos no componente

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

Modo de Edição (Conteúdo) de Tela Cheia

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

Por exemplo, o componente de Texto:

Mover um componente

Para mover um componente de parágrafo:

1. Selecione o parágrafo a ser movido com o toque e segure ou com o 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.

   

3. Seu parágrafo foi movido.

Editar layout de componente

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.

   

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

   

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

   • As alças de redimensionamento para a exibição do componente.
   • 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.

   

   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.

   

Componentes herdados

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

• Gerenciamento de vários sites
• Lançamentos (quando com base na live copy).
• Componentes específicos, como o Sistema de parágrafo herdado no Geometrixx.

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:

  

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

  

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

  

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

  

• Um Sistema De Parágrafo Herdado

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

  

Editar o modelo da página

Se a página for baseada em um modelo editável, você pode alternar facilmente para a variável editor de modelo 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

A variável 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 não são herdados:

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

Por exemplo:

Adicionar anotações

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

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

• Modo de visualização - uma visualização rápida, no local

• Exibir como publicado - uma visualização completa que abre a página em uma nova guia

Modo de visualização

Ao editar o conteúdo, é possível 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.
• Faz não atualizar 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:

Exibir como publicado

A variável Exibir como publicado está disponível na 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

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 a partir:

• Sites console

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

  

• Editor de página

  1. Selecione o Informações da página ícone 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.

Desbloquear uma página

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.

Desfazer e refazer edições de página

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

Desfazer e refazer edições de página - a teoria

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ê toma decisões 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".

Você pode desfazer e refazer os 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 de parágrafo
• Copiar, recortar e colar 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.

Recursos do Business.Adobe.com

Style System Auto Form Fill Asset Collections Responsive Forms Theme Editor Customer Experience Management