Acessar e navegar no editor universal navigating
Saiba mais sobre as noções básicas de acesso e navegação no Editor universal.
Introdução introduction
O Editor universal permite a edição de qualquer aspecto de qualquer conteúdo em qualquer implementação, para que você possa oferecer experiências excepcionais, aumentar a velocidade do conteúdo e proporcionar uma experiência de desenvolvedor de última geração.
Para isso, o editor universal oferece aos autores de conteúdo uma interface intuitiva que exige apenas um treinamento mínimo para que eles possam simplesmente entrar e começar a editar o conteúdo. Este documento descreve como navegar pelo Editor universal.
- Para obter detalhes sobre a criação com o Universal Editor, consulte o documento Criação de Conteúdo com o Universal Editor.
- Para obter uma introdução mais detalhada do Editor universal, consulte o documento Introdução ao Editor universal.
Preparação do aplicativo prepare-app
Para criar conteúdo para um aplicativo usando o editor universal, o aplicativo precisa ser instrumentado por um desenvolvedor para oferecer suporte ao editor.
Acesso ao Editor universal accessing
Depois que o aplicativo é instrumentado para funcionar com o Universal Editor, o Universal Editor pode ser acessado tanto dentro do AEM as a Cloud Service quanto diretamente, sem acessar o AEM.
Acesso no AEM as a Cloud Service accessing-aem
- Faça logon na instância de criação do AEM as a Cloud Service.
- Use o console Sites para navegar até a página criada para uso com o Editor Universal que você deseja editar.
- Editar a página.
- O Editor universal é aberto para editar a página selecionada.
Acesso Direto accessing-directly
-
Faça logon no Editor universal. Você precisa de uma Adobe ID para entrar e ter acesso ao Editor Universal.
-
Após fazer logon, digite o URL da página que deseja editar na barra de localização. para poder começar a editar conteúdo como conteúdo de texto ou conteúdo de mídia.
Noções básicas da interface ui
A interface do usuário do é dividida nessas áreas principais.
O cabeçalho da Experience Cloud experience-cloud-header
O cabeçalho da Experience Cloud está sempre presente na parte superior da tela. É uma âncora que informa onde você está na Experience Cloud e o ajuda a navegar por outros aplicativos da Experience Cloud.
Experience Manager experience-manager
Clique no link da Adobe Experience Cloud à esquerda do cabeçalho para navegar até a raiz da solução do Experience Manager e acessar ferramentas como o Cloud Manager, o Cloud Acceleration Manager e a distribuição de softwares.
Organização organization
Exibe a organização na qual você está conectado no momento. Selecione para alternar para outra organização se sua Adobe ID estiver associada a várias.
Soluções solutions
Tocar ou clicar no alternador de soluções permite acessar rapidamente as outras soluções da Experience Cloud.
Ajuda help
O ícone de ajuda fornece acesso rápido aos recursos de aprendizagem e suporte.
Notificações notifications
Esse ícone é marcado com o número de notificações incompletas atribuídas atualmente.
Propriedades do usuário user-properties
Clique no ícone que representa seu usuário para acessar as configurações de usuário. Se você não tiver uma imagem de usuário configurada, um ícone será atribuído aleatoriamente.
A barra de ferramentas do editor universal universal-editor-toolbar
A barra de ferramentas do Editor Universal está sempre presente na parte superior da tela logo abaixo do cabeçalho de Experience Cloud. Ele fornece acesso rápido para navegar para outra página a ser editada, bem como para publicar a página atual.
O Botão Início home-button
O botão Home retorna à página inicial do Universal Editor
Na página inicial, você pode inserir o URL do site que deseja editar com o Editor universal.
Barra de localização location-bar
A barra de localização mostra o endereço da página que você está editando. Selecione para inserir o endereço de outra página a ser editada.
L para abrir a barra de endereços.Configurações do cabeçalho de autenticação authentication-settings
Selecione o ícone de configurações do cabeçalho de autenticação se precisar definir um cabeçalho de autenticação personalizado para fins de desenvolvimento local.
Configurações do emulador emulator
Selecione o ícone de emulação para definir como o Editor universal renderiza a página.
Tocar ou clicar no ícone de emulação revelará as opções.
Por padrão, o editor é aberto no layout de desktop, onde a altura e a largura são definidas automaticamente pelo navegador.
Também é possível optar por emular um dispositivo móvel e, no editor universal:
- Definir sua orientação
- Definir largura e altura
- Alterar a orientação
Modo de visualização preview-mode
No modo de visualização, a página é renderizada no editor da maneira como seria vista em seu serviço publicado. Isso permite que o autor de conteúdo navegue pelo conteúdo clicando em links e assim por diante.
P para alternar de e para o modo de visualização.Abrir visualização do aplicativo open-app-preview
Selecione o ícone abrir visualização do aplicativo para abrir a página que você está editando atualmente em sua própria guia do navegador, livre do editor para visualizar seu conteúdo.
O (a letra O) para abrir a visualização do aplicativo.Publicação publish
Selecione o botão publicar para poder publicar as alterações no conteúdo em tempo real para consumo pelos leitores.
Botões adicionais additional-toolbar-buttons
O Universal Editor oferece uma experiência de criação personalizável e extensível. Se você vir botões adicionais na barra de ferramentas, o Editor universal foi estendido.
- Para obter detalhes sobre as possibilidades de extensão, consulte Personalização e Extensão do Universal Editor.
- Para obter detalhes sobre como uma extensão individual funciona, consulte a documentação do Extension Manager.
O editor editor
O editor ocupa a maior parte da janela e é onde a página especificada na barra de localização é renderizada.
Se o editor estiver no modo de visualização, o conteúdo será navegável e você poderá seguir os links, mas não poderá editar o conteúdo.
Painel Propriedades properties-rail
O painel de propriedades está sempre presente no lado direito do editor. Dependendo do modo, podem ser exibidos detalhes de um componente selecionado no conteúdo ou na hierarquia do conteúdo da página.
Modo de propriedades properties-mode
No modo de propriedades, o painel mostra as propriedades do componente atualmente selecionado no editor. Esse é o modo padrão do painel de propriedades quando uma página é carregada.
Dependendo do tipo de componente selecionado, os detalhes podem ser exibidos e modificados no painel de propriedades.
Nem todos os componentes têm detalhes que podem ser mostrados e/ou editados.
D para alternar para o modo de propriedades.Modo de árvore de conteúdo content-tree-mode
No modo de árvore de conteúdo, o painel mostra a hierarquia do conteúdo da página.
Ao selecionar um item na árvore de conteúdo, o editor rola até esse conteúdo e o seleciona.
F para alternar para o modo de árvore de conteúdo.Editar edit
Ao editar, as opções do componente selecionado aparecem no painel de propriedades, onde você pode editar o componente selecionado. Se o componente selecionado for um Fragmento de conteúdo, você também poderá selecionar o botão Editar.
Tocar ou clicar no botão de edição abre o editor de Fragmento de conteúdo em uma nova guia. Isso permite acessar todo o potencial do Editor de fragmento de conteúdo para editar o fragmento de conteúdo associado.
Dependendo das necessidades do fluxo de trabalho, talvez você queira editar o Fragmento de conteúdo no Editor universal ou diretamente no editor de Fragmento de conteúdo.
E para editar um componente selecionado.Adicionar add
Se você selecionar um componente de contêiner na árvore de conteúdo ou no editor, a opção adicionar aparecerá no painel de propriedades.
Tocar ou clicar no botão adicionar abre um menu suspenso de componentes que estão disponíveis para adicionar ao contêiner selecionado.
A para adicionar um componente a um componente de contêiner selecionado.Excluir delete
Se você selecionar um componente em um componente de contêiner na árvore de conteúdo ou no editor, a opção de exclusão aparecerá no painel de propriedades.
Tocar ou clicar no botão Excluir exclui o componente.
Shift+Backspace para excluir um componente selecionado de um contêiner.Botões adicionais additional-properties-rail-buttons
O Universal Editor oferece uma experiência de criação personalizável e extensível. Se você vir botões adicionais no painel de propriedades, o Editor universal foi estendido.
- Para obter detalhes sobre as possibilidades de extensão, consulte Personalização e Extensão do Universal Editor.
- Para obter detalhes sobre como uma extensão individual funciona, consulte a documentação do Extension Manager.
Próximas etapas next-steps
Agora que você sabe como acessar e navegar no Universal Editor, você está pronto para criar conteúdo usando-o.