Accesso e navigazione nell’editor universale navigating

Scopri le nozioni di base sull’accesso e la navigazione nell’Editor universale.

Introduzione introduction

L’editor universale consente di modificare ogni aspetto di qualsiasi contenuto in qualsiasi implementazione in modo da offrire esperienze eccezionali, velocizzare la preparazione dei contenuti e fornire un’esperienza di sviluppo all’avanguardia.

A questo scopo, l’editor universale offre agli autori di contenuti un’interfaccia utente intuitiva che richiede una formazione minima per poter entrare e iniziare a modificare i contenuti. Questo documento descrive come spostarsi nell’Editor universale.

TIP

Preparare l’app prepare-app

Per creare contenuti per un’app utilizzando l’editor universale, l’app deve essere preparata da uno sviluppatore per supportare l’editor.

TIP
Consulta il documento Guida introduttiva all’editor universale in AEM per un esempio su come configurare un’app AEM per utilizzare l’editor universale.

Accesso all’editor universale accessing

Una volta che l’app è dotata di strumenti per funzionare con l’editor universale, questo può essere accessibile sia all’interno di AEM as a Cloud Service che direttamente senza accedere all’AEM.

Accesso in AEM as a Cloud Service accessing-aem

  1. Accedi all’istanza di authoring di AEM as a Cloud Service.
  2. Utilizzare la console Sites per passare alla pagina creata per l'utilizzo con l'editor universale che si desidera modificare.
  3. Modifica la pagina.
  4. Viene aperto Universal Editor per modificare la pagina selezionata.
NOTE
Durante la modifica di una pagina nella console Sites, la console aprirà l'editor appropriato per il modello della pagina: o l'editor universale descritto in questo documento o l'editor di pagine.

Accesso diretto accessing-directly

  1. Accedi all’editor universale. Per accedere è necessario un Adobe ID e accedere all'editor universale.

  2. Dopo aver effettuato l’accesso, immetti l’URL della pagina da modificare nella barra degli indirizzi. in modo da poter iniziare a modificare i contenuti, come contenuto testo o il contenuto multimediale.

Comprendere l’interfaccia utente ui

L’interfaccia utente è divisa in queste aree principali.

Interfaccia utente dell’editor universale

Intestazione di Experience Cloud experience-cloud-header

L’intestazione di Experience Cloud è sempre presente nella parte superiore dello schermo. È un ancoraggio che indica dove ti trovi all’interno di Experience Cloud e ti aiuta a passare ad altre app di Experience Cloud.

Intestazione di Experience Cloud

Experience Manager experience-manager

Seleziona il collegamento Adobe Experience Cloud a sinistra dell’intestazione per passare alla directory principale della soluzione Experience Manager e accedere a strumenti come Cloud Manager, Cloud Acceleration Manager, e Distribuzione di software.

Pulsante di navigazione globale

Organizzazione organization

Viene visualizzata l’organizzazione in cui hai effettuato l’accesso. Seleziona questa opzione per passare a un’altra organizzazione se l’Adobe ID è associata a più.

Indicatore dell’organizzazione

Soluzioni solutions

Tocca o fai clic sul selettore delle soluzioni per passare rapidamente ad altre soluzioni di Experience Cloud.

Selettore di soluzioni

Aiuto help

L’icona dell’aiuto fornisce un accesso rapido alle risorse di apprendimento e supporto.

Aiuto

Notifiche notifications

Questa icona viene contrassegnata con il numero di notifiche incomplete attualmente assegnate.

Notifiche

Proprietà utente user-properties

Seleziona l’icona che rappresenta l’utente per accedere alle impostazioni utente. Se non hai configurato un’immagine utente, viene assegnata un’icona in modo casuale.

Proprietà utente

Barra degli strumenti Editor universale universal-editor-toolbar

La barra degli strumenti di Universal Editor è sempre presente nella parte superiore dello schermo immediatamente sotto l'intestazione dell'Experience Cloud. Consente un accesso rapido per passare a un’altra pagina di modifica e di pubblicazione della pagina corrente.

Barra degli strumenti di Universal Editor

Pulsante Home home-button

Il pulsante Home consente di tornare alla pagina iniziale di Universal Editor

Menu hamburger

Nella pagina iniziale è possibile immettere l'URL del sito che si desidera modificare con l'editor universale.

Pagina iniziale

NOTE
Qualsiasi pagina che si desidera modificare con l'editor universale deve essere dotata di strumenti per supportare l'editor universale.

Barra della posizione location-bar

La barra della posizione mostra l’indirizzo della pagina che stai modificando. Selezionare questa opzione per immettere l'indirizzo di un'altra pagina da modificare.

Barra della posizione

TIP
Usa il tasto di scelta rapida L per aprire la barra degli indirizzi.
NOTE
Qualsiasi pagina che si desidera modificare con l'editor universale deve essere dotata di strumenti per supportare l'editor universale.

Impostazioni intestazione autenticazione authentication-settings

Se devi impostare un'intestazione di autenticazione personalizzata a scopo di sviluppo locale, seleziona l'icona delle impostazioni dell'intestazione di autenticazione.

Pulsante Impostazioni intestazione autenticazione

Impostazioni emulatore emulator

Seleziona l’icona di emulazione per definire il rendering della pagina in Editor universale.

Icona dell’emulatore

Toccando o facendo clic sull’icona dell’emulatore vengono visualizzate le opzioni.

Opzioni di emulazione

Per impostazione predefinita, l’editor si apre in layout desktop, dove l’altezza e la larghezza vengono definite automaticamente dal browser.

Puoi anche scegliere di emulare un dispositivo mobile e nell’editor universale:

  • Definirne l’orientamento
  • Definire la larghezza e l’altezza
  • Modificare l’orientamento

Modalità Anteprima preview-mode

In modalità anteprima, la pagina viene riprodotta nell’editor come verrebbe visualizzata sul servizio pubblicato. Questo consente all’autore di contenuto di navigare nel contenuto facendo clic sui collegamenti e così via.

Modalità anteprima

TIP
Utilizzare il tasto di scelta rapida P per passare alla modalità anteprima e viceversa.

Apri anteprima app open-app-preview

Seleziona l’icona di anteprima dell’app aperta per aprire la pagina che stai modificando nella scheda del browser corrispondente, senza dover accedere all’editor per visualizzare l’anteprima dei contenuti.

Apri anteprima app

TIP
Usa il tasto di scelta rapida O (la lettera O) per aprire l’anteprima dell’app.

Pubblicazione publish

Seleziona il pulsante Pubblica per pubblicare le modifiche al contenuto live per consentirne l’utilizzo da parte dei lettori.

Pulsante pubblica

TIP
Per ulteriori informazioni sulla pubblicazione con Universal Editor, vedere il documento Pubblicazione di contenuti con Universal Editor.

Pulsanti aggiuntivi additional-toolbar-buttons

Universal Editor offre un'esperienza di authoring personalizzabile ed estensibile. Se nella barra degli strumenti sono presenti pulsanti aggiuntivi, l’editor universale è stato esteso.

L’editor editor

L’editor occupa la maggior parte della finestra ed è l’area in cui viene eseguito il rendering della pagina specificata nella barra della posizione.

Editor

Se l'editor è in modalità anteprima, il contenuto sarà navigabile e puoi seguire i collegamenti, ma non puoi modificarlo.

Barra delle proprietà properties-rail

La barra delle proprietà è sempre presente lungo il lato destro dell’editor. A seconda della modalità, può mostrare i dettagli di un componente selezionato nel contenuto o la gerarchia dei contenuti della pagina.

Barra delle proprietà

Modalità proprietà properties-mode

In modalità proprietà, la barra mostra le proprietà del componente attualmente selezionato nell’editor. Questa è la modalità predefinita della barra delle proprietà quando viene caricata una pagina.

Modalità proprietà

A seconda del tipo di componente selezionato, i dettagli possono essere visualizzati e modificati nella barra delle proprietà.

Dettagli dei componenti

Non tutti i componenti hanno dettagli che possono essere visualizzati e/o modificati.

TIP
Usa il tasto di scelta rapida D per passare alla modalità proprietà.

Modalità struttura contenuto content-tree-mode

In modalità struttura contenuto, la barra mostra la gerarchia del contenuto della pagina.

Modalità struttura contenuto

Quando si seleziona un elemento nella struttura del contenuto, l’editor scorre fino a quel contenuto e lo seleziona.

Struttura contenuto

TIP
Usa il tasto di scelta rapida F per passare alla modalità struttura contenuto.
Modifica edit

Durante la modifica, le opzioni per il componente selezionato vengono visualizzate nella barra delle proprietà, dove è possibile modificarlo. Se il componente selezionato è un frammento di contenuto, puoi anche selezionare il pulsante Modifica.

Icona Modifica

Toccando o facendo clic sul pulsante Modifica si apre l'Editor frammento di contenuto in una nuova scheda. Questo consente di accedere a tutte le funzionalità dell’Editor frammento di contenuto per modificare il frammento di contenuto associato.

A seconda delle esigenze del flusso di lavoro, può essere utile modificare il frammento di contenuto nell’editor universale o direttamente nell’editor frammento di contenuto.

TIP
Utilizza il tasto di scelta rapida E per modificare un componente selezionato.
Aggiungi add

Se selezioni un componente contenitore nella struttura del contenuto o nell’editor, l’opzione aggiungi viene visualizzata nella barra delle proprietà.

Icona Aggiungi

Toccando o facendo clic sul pulsante Aggiungi si apre un menu a discesa dei componenti disponibili per aggiungere al contenitore selezionato.

Aggiungi menu di scelta rapida

TIP
Utilizzare il tasto di scelta rapida A per aggiungere un componente a un componente contenitore selezionato.
Elimina delete

Se selezioni un componente all’interno di un componente contenitore nella struttura del contenuto o nell’editor, l’opzione Elimina viene visualizzata nella barra delle proprietà.

Icona Elimina

Toccando o facendo clic sul pulsante Elimina il componente viene eliminato.

TIP
Utilizzare il tasto di scelta rapida Shift+Backspace per eliminare un componente selezionato da un contenitore.

Pulsanti aggiuntivi additional-properties-rail-buttons

Universal Editor offre un'esperienza di authoring personalizzabile ed estensibile. Se trovi pulsanti aggiuntivi nella barra delle proprietà, l’Editor universale è stato esteso.

Passaggi successivi next-steps

Ora che sai come accedere e navigare nell'Editor universale, puoi creare contenuti utilizzandolo.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab