Show Menu
TÓPICOS×

Editar conteúdo da página

Assim que a página for criada (nova ou como parte de uma cópia dinâmica ou de lançamento), você pode editar o conteúdo para fazer as atualizações necessárias.
O conteúdo é adicionado usando componentes (adequados 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. 
Sua conta precisa dos direitos de acesso apropriados e das permissões para editar páginas.
Caso encontre algum problema, sugerimos que você entre em contato com o administrador do sistema.
If your page and/or template has been appropriately set up, then you can use responsive layout when editing.
When in Edit mode, links in your content are visible, but not accessible . Use Preview mode if you want to navigate using the links in your content.

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 das configurações atuais, 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 , o Navegador de componentes e a Árvore de conteúdo .
  • Informações da página
    Fornece acesso ao menu Informações da página que inclui os detalhes e as ações da página que podem ser criados na página que incluem a visualizar e editar as informações da página, propriedades de visualização da página e publicar/remover a publicação da página.
  • Emulador
    Alterna 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.
  • Context Hub
    Abre o hub de contexto . Disponível somente no modo de Visualização.
  • Título da página
    Isso é puramente informativo.
  • Seletor de modo
    Indica o modo atual e permite que você selecione outro modo como editar, layout, distorção de tempo ou definição de metas.
  • Visualizar
    Ativa o modo de visualização . Isso mostra a página da maneira que ela será exibida quando publicada.
  • Anotar
    Permite adicionar anotações para a página; por exemplo, 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

If a page is part of a workflow or multiple workflows, this information is shown in a notification bar at the top of the screen when editing the page.
A barra de status é visível somente para as contas de usuário com privilégios adequados.
A notificação lista o fluxo de trabalho que está sendo executado em relação à página. Se o usuário estiver envolvido na etapa atual do fluxo de trabalho, opções para afetar o status do fluxo de trabalho e para obter mais informações sobre o fluxo de trabalho também ficarão disponíveis, como:
  • Concluir - 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
Completing and delegating workflow steps via the notification bar works as it does when participating in workflows from the Notification inbox.
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 indica onde um componente será posicionado quando você soltá-lo, acima do componente apontado pelo mouse.
  • Ao adicionar um novo componente à página (arrastando a partir do navegador do componente):
  • 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. Arraste o componente para a posição desejada .
  3. Edite o componente.
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

É 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 a opção Inserir componente (+) na barra de ferramentas de um componente existente ou na caixa Arrastar componentes aqui .
    • If you are on a desktop device you can double-click on the Drag components here box.
    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. Edite 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 a partir do navegador de ativos . Isto 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 do conteúdo Fragmento do conteúdo
Esse comportamento pode ser configurado para a instalação. Consulte Configuração de 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. 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 exigido, e ele conterá o ativo selecionado.
  3. Edite o componente, se necessário.
Em um dispositivo móvel, o navegador de ativos preencherá a tela inteira. Depois que você começa a arrastar um ativo, o navegador será fechado para mostrar a página novamente, para que você possa colocar o ativo.
Se, durante a navegação pelos ativos, você perceber que precisa fazer uma alteração rápida a um ativo, é possível inicializar o editor de ativos diretamente do navegador, clicando no ícone de edição ao lado do nome do ativo.

Editar/configurar/copiar/cortar/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, isso permitirá a edição do conteúdo do componente . Muitas vezes será disponibilizada uma barra de ferramentas.
  • Configurar
    Dependendo do tipo de componente, isso 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 será mantido.
  • Recortar
    Isso copiará o componente para a área de transferência. Após a ação de colar, o componente original será removido.
  • Excluir
    Isso excluirá o componente da página com a 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 para a página. O original permanecerá dependendo do uso das funções copiar ou colar.
    • Você pode colar na mesma página ou em uma diferente.
    • O item colado será colocado acima do item no qual você seleciona a ação de colar.
    • A ação de Colar será mostrada somente se houver conteúdo na área de transferência.
    Se você colar em uma página diferente que já estava aberta antes da operação recortar/copiar, será necessário atualizar a página para ver o conteúdo colado.
  • Grupo
    Essa ação permite selecionar vários componentes de uma só vez. O mesmo pode ser feito em um dispositivo de desktop ao manter a tecla Ctrl ou Command pressionada e clicar.
  • Pai
    Permite que você selecione o componente principal do componente selecionado.
  • 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 toda a página.
  • 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:

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

Você pode abrir um componente para editar o conteúdo usando o ícone Editar (lápis) na 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 em modo de tela cheia . Por exemplo:

Arraste e solte ativos no componente

Para tipos de componentes específicos, você pode arrastar e soltar os 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 do conteúdo
Fragmento do conteúdo

Editar (conteúdo) Modo 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:
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

Para mover um componente de parágrafo:
  1. Selecione o parágrafo a ser movido tocando/clicando e segurando:
  2. Arraste o parágrafo para o novo local. O AEM indica onde o parágrafo pode ser colocado. Solte-o no local desejado.
  3. Seu parágrafo foi movido.
Também é possível usar Cortar e colar para mover um componente.

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. When in Edit mode of the sites console, selecting a component reveals the component's toolbar.
    Click or tap the Layout action to adjust the layout of the component.
  2. Uma vez 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 no lugar das ações padrão de edição.
    You can now modify the layout of the component as you would in layout mode .
  3. After making the necessary layout changes, click the Close button in the component action menu to stop modifying the layout of the component. A barra de ferramentas do componente retornará ao seu estado normal de edição.
O escopo da ação Layout é limitada ao componente selecionado. Por exemplo, se você estiver editando o layout de um componente e 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 recém-selecionado e as alças de redimensionamento, bem como a barra de ferramentas do emulador desaparecerão.
Se precisar editar o layout geral da página, afetando vários componentes, alterne para o modo de layout .

Componentes herdados

Componentes herdados podem ser o resultado de vários cenários, incluindo:
Você pode cancelar (e depois reativar) a herança. Dependendo do componente, essa ação pode estar disponível em:
  • Live Copy
    A barra de ferramenta do componente, se este estiver em uma página que faça parte de uma live copy ou lançamento (com base em uma live copy). Por exemplo:
    A opção Cancelar herança está disponível:
    Ou reativar herança se já foi cancelada:
    A ação de Rollout também está disponível no blueprint ou na Live Copy de origem:
  • Um sistema de parágrafo herdado
    A caixa de diálogo de configuração. Por exemplo, o Sistema de parágrafo herdado:

Editar o modelo da página

Se a página for baseada em um modelo editável , você pode facilmente alternar para o editor de modelo , selecionando Editar modelo no menu de Informações de página .
If the page is based on a static template , you can switch to Design mode using the page mode selector on the toolbar to enable/disable components for use on the page.
É possível ver em qual modelo a página é baseada ao selecionar a página na Exibição em colunas ou na Exibição de lista .

Status da Live Copy

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: Herança cancelada
Por exemplo:

Adicionar anotações

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

Visualizar páginas

Existem duas opções para a visualização de uma página:
  • Os links no conteúdo são visíveis, mas não são acessíveis 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.
O cookie do Modo de WCM está definido para ambas as opções.

Modo de visualização

Ao editar o conteúdo, você pode visualizar a página usando o modo de visualização. 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 que você use os links para navegação.
  • Não atualiza o conteúdo da página.
Ao criar, o modo de visualização estará disponível utilizando o ícone no canto superior direito do editor de página:

Exibir como publicado

A opção Exibir como publicada está disponível no menu Informações da página . Isto abre a página em uma nova guia, atualiza o conteúdo e mostra as páginas exatamente como elas aparecerão 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 através do:
  • Console de sites
    1. Selecione a página no modo de seleção .
    2. Selecione o ícone de bloqueio.
  • Editor de página
    1. Selecione o ícone Informações da página para abrir o menu.
    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.
O bloqueio de uma página pode ser executado quando se representa 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 is very similar to locking the page . Once the page is locked the lock options are replaced by unlock actions.
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 .
O bloqueio de uma página pode ser executado quando se representa 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

Os ícones a seguir permitem desfazer ou refazer uma ação. Os seguintes itens são mostrados na barra de ferramentas, quando apropriado:
O atalho de teclado Ctrl-Z também pode ser usado para desfazer ações de edições em páginas.
The keyboard shortcut Ctrl-Y is also availalbe to redo page edit actions.
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.

Undoing and Redoing Page Edits - The Theory

O administrador do sistema pode configurar vários aspectos dos recursos desfazer/refazer de acordo com os requisitos de sua ocorrê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 à de outros programas de software. Use os comandos para restaurar o estado recente da sua página 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 desfeito”.
É possível:
  • Refazer ações, contanto 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).
  • Usar também os Atalhos de teclado para desfazer e refazer.
Você pode usar os comandos desfazer e refazer para os seguintes tipos de alterações de páginas:
  • Adicionar, editar, remover e mover parágrafos
  • Edição no local do conteúdo do parágrafo
  • Copiar, recortar e colar itens dentro de uma página
Os campos do formulário que formam a renderização dos componentes não são destinados a terem valores especificados durante a criação páginas. Portanto, os comandos desfazer e refazer não afetam as alterações feitas aos valores desses tipos de componentes. Por exemplo, não é possível desfazer a seleção de um valor em uma lista suspensa.
Permissões especiais são necessárias para desfazer e refazer as alterações nos arquivos e imagens.
O histórico de alterações em arquivos e imagens dura um mínimo de dez horas. Entretanto, além desse tempo, desfazer as alterações não é garantido. O administrador pode alterar a duração padrão de dez horas.