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 contenuti quali testo o contenuti multimediali.

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

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
Utilizzare il tasto di scelta rapida o (la lettera o) per aprire l'anteprima dell'app.
TIP
L'URL di anteprima per l'app può essere personalizzato.

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.

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 Publish) è 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 puoi seguire i collegamenti, ma non puoi 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à

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.

Struttura contenuto

TIP
Usa il tasto di scelta rapida f per passare alla modalità struttura contenuto.
Apri nell’editor di frammenti di 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 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.
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.

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

Pulsanti aggiuntivi additional-properties-rail-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 utilizzandolo.

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