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 Universal Editor, questo può essere accessibile sia all’interno di AEM as a Cloud Service che direttamente senza accedere ad 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, ovvero l'editor universale descritto in questo documento o l'editor 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, immettere l'URL della pagina che si desidera modificare nella barra dei percorsi, in modo da poter iniziare a modificare il contenuto, ad esempio testo o contenuto multimediale.

Comprendere l’interfaccia utente ui

L’interfaccia utente è divisa in queste aree principali.

Interfaccia utente dell’editor universale

TIP
Universal Editor offre numerose opzioni di personalizzazione e punti di estensione che possono essere modificati e aggiunti alle funzionalità dell'editor. Per questo motivo, potresti vedere opzioni diverse da quelle standard qui documentate.

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 tua soluzione Experience Manager e accedere a strumenti come Cloud Manager, Cloud Acceleration Manager e Distribuzione 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

Centro assistenza help

L’icona del centro assistenza consente di accedere rapidamente alle risorse di apprendimento e supporto.

Aiuto

Notifiche notifications

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

Notifiche

App solutions

Toccando o facendo clic sul commutatore dell’app puoi passare rapidamente ad altre soluzioni Experience Cloud.

Commutatore app

Account user-properties

Seleziona l’icona che rappresenta l’utente per accedere alle impostazioni del tuo account. 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 di Experience Cloud. Ti consente di accedere rapidamente a un’altra pagina per modificare e pubblicare la pagina corrente.

A seconda della configurazione del programma, può anche presentare funzionalità aggiuntive che sono state abilitate come estensioni dall'amministratore.

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.

Una sezione Collegamenti rapidi fornisce risorse di aiuto e una sezione Recenti fornisce collegamenti alle pagine aperte di recente con 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
Utilizzare il tasto di scelta rapida l (la lettera 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.

Annulla e Ripristina undo-redo

Selezionare i pulsanti Annulla o Ripristina per annullare o ripristinare l'ultima modifica nell'editor. Per ulteriori informazioni, vedere il documento Authoring dei contenuti con Universal Editor.

Icona Annulla
Icona Ripristina

TIP
Utilizzare il tasto di scelta rapida Command-Z o Shift-Command-Z rispettivamente per annullare o ripetere l'operazione.

Intestazioni di autenticazione authentication-settings

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

Pulsante Impostazioni intestazione autenticazione

Modalità reattiva emulator

Seleziona l’icona della modalità reattiva per definire il rendering della pagina da parte dell’Editor universale.

Icona modalità reattiva

Toccando o facendo clic sull’icona della modalità reattiva vengono visualizzate le opzioni.

Opzioni modalità reattiva

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

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 pagina open-page

Seleziona l’icona Apri pagina per aprire la pagina che stai modificando nella relativa scheda del browser, libera dall’editor per visualizzare l’anteprima del contenuto.

Apri anteprima app

TIP
Utilizzare il tasto di scelta rapida o (la lettera o) per aprire l'anteprima dell'app.
TIP
L'URL di anteprima dell'app può essere personalizzato.
NOTE
Il pulsante Apri pagina può essere disabilitato e pertanto potrebbe non essere visualizzato nell'editor.

Pubblicazione publish

Seleziona il pulsante Pubblica per pubblicare le modifiche al contenuto live per l’utilizzo da parte dei lettori o in un ambiente di anteprima per la revisione.

Pulsante pubblica

TIP
Per ulteriori informazioni sulla pubblicazione con Universal Editor, vedere il documento Pubblicazione di contenuti con Universal Editor.
NOTE
Il pulsante di pubblicazione può essere disabilitato e pertanto potrebbe non essere visualizzato nell'editor.

Puntini di sospensione ellipsis

Altre opzioni standard sono accessibili tramite il pulsante con i puntini di sospensione.

Pulsante Puntini di sospensione

Ad esempio, la possibilità di annullare la pubblicazione di una pagina (ovvero di annullare l'azione del pulsante Pubblica) è accessibile tramite il pulsante con i puntini di sospensione.

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 potrai seguire i collegamenti, ma non potrai modificarlo.

Pannello Proprietà properties-rail

Il pannello 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.

Pannello delle proprietà

A seconda della configurazione del programma, può anche presentare funzionalità aggiuntive che sono state abilitate come estensioni dall'amministratore.

Modalità proprietà properties-mode

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

Modalità proprietà

A seconda del tipo di componente selezionato, i dettagli possono essere visualizzati e modificati nel pannello 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, il pannello 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.
  • Quando si fa doppio clic su un elemento nella struttura del contenuto, l'editor scorre fino al contenuto selezionato e apre le proprietà associate in modalità proprietà.

Struttura contenuto

TIP
Usa il tasto di scelta rapida f per passare alla modalità struttura contenuto.
Apri in editor frammenti contenuto edit

Durante la modifica, le opzioni per il componente selezionato vengono visualizzate nel pannello delle proprietà, dove è possibile modificarlo. Se il componente selezionato è un frammento di contenuto, è inoltre possibile selezionare il pulsante Apri in CF Editor.

Apri nellicona Editor CF

Toccando o facendo clic sul pulsante Apri in CF Editor si apre l'Editor frammento di contenuto in una nuova scheda. Questo ti consente di accedere a tutte le funzionalità dell’editor di frammenti 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
Utilizzare il tasto di scelta rapida e per aprire un frammento di contenuto selezionato nell'editor frammenti di contenuto.
Aggiungi add

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

Icona Aggiungi

Toccando o facendo clic sul pulsante Aggiungi si apre un menu a discesa dei componenti disponibili per aggiungi 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.
Duplica duplicate

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

Icona duplicata

Toccando o facendo clic sul pulsante di duplicazione viene duplicato il componente selezionato.

Eliminare delete

Se selezioni un componente all’interno di un componente contenitore nella struttura del contenuto o nell’editor, l’opzione Elimina viene visualizzata nel pannello 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.
Copiare e incollare copy-paste

È possibile copiare e incollare i componenti che si trovano all'interno di contenitori.

Icona copia
Icona Incolla

TIP
Utilizzare la scelta rapida Command-C o Command-V rispettivamente per copiare o incollare.

Per ulteriori informazioni, vedere il documento Authoring dei contenuti con Universal Editor.

Pulsanti aggiuntivi additional-properties-panel-buttons

Universal Editor offre un'esperienza di authoring personalizzabile ed estensibile. Se nel pannello delle proprietà sono presenti pulsanti aggiuntivi, l'Editor universale è stato esteso.

Passaggi successivi next-steps

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

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