Authoring: ambiente e strumenti

L’ambiente di authoring di AEM offre diversi metodi per organizzare e modificare i contenuti. Gli strumenti disponibili sono accessibili da varie console ed editor di pagina.

Gestione del sito

Il Sites console consente di navigare nel sito web e di gestirlo mediante la barra intestazione, la barra degli strumenti, le icone delle azioni (per la risorsa selezionata), le breadcrumb e, se selezionate, le barre laterali secondarie (ad esempio Timeline e Riferimenti).

Ad esempio, nella vista a colonne:

Modifica del contenuto di una pagina

Puoi modificare una pagina con l’editor pagina. Esempio:

https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

Accedere all’Aiuto

Durante la modifica di una pagina, l’Aiuto è accessibile dalle seguenti aree:

• il Informazioni pagina selettore; mostra le diapositive introduttive (come mostrato al primo accesso all’editor).
• il configurazione finestra di dialogo per componenti specifici (utilizzando il punto interrogativo (?) sulla barra degli strumenti della finestra di dialogo), che mostra la Guida sensibile al contesto.

Ulteriori risorse di aiuto sono disponibili nelle console.

Browser Componenti

Il browser Componenti mostra tutti componenti disponibili per la pagina corrente. Questi possono essere trascinati nella posizione appropriata, quindi modificati per aggiungere il contenuto.

Il browser Componenti è una scheda che si trova nel pannello laterale, insieme al browser Risorse e alla struttura dei contenuti. Per aprire (o chiudere) il pannello laterale, utilizza l’icona in alto a sinistra della barra degli strumenti:

Quando apri il pannello laterale, questo si apre dal lato sinistro (seleziona la Componenti (se necessario). Una volta aperta, puoi sfogliare tutti i componenti disponibili per la pagina.

L'aspetto e la gestione effettivi dipendono dal tipo di dispositivo in uso:

• Dispositivo mobile (ad esempio iPad)

  Il browser Componenti copre completamente la pagina in fase di modifica.

  Per aggiungere un componente alla pagina, tocca e tieni premuto il componente richiesto e spostalo verso destra (il browser componenti si chiude e mostra di nuovo la pagina), dove puoi posizionare il componente.

  

• Dispositivo desktop

  Il browser Componenti viene aperto sul lato sinistro della finestra.

  Per aggiungere un componente alla pagina, fai clic sul componente richiesto e trascinalo nella posizione desiderata.

  

  I componenti sono rappresentati da

  • Nome componente

  • Gruppo di componenti (in grigio)

  • Icona o abbreviazione

    • Le icone dei componenti standard sono monocromatiche.
    • Le abbreviazioni sono sempre i primi due caratteri del nome del componente.

  Dalla barra degli strumenti superiore nella sezione Componenti browser, è possibile effettuare le seguenti operazioni:

  • Filtrare i componenti per nome
  • Limita la visualizzazione a uno specifico gruppo selezionandolo dall’elenco a discesa.

  Per una descrizione più dettagliata del componente, tocca o fai clic sull’icona delle informazioni posta accanto al componente nel browser Componenti (se disponibile). Ad esempio, per Contenitore di layout:

  

  Per ulteriori informazioni sui componenti disponibili, consulta Console Componenti.

Browser Risorse

Il browser Risorse mostra tutte le risorse disponibili per la pagina corrente.

Il browser risorse è una scheda all’interno del pannello laterale, insieme al navigazione componentir e struttura contenuto. Per aprire o chiudere il pannello laterale, utilizza l’icona in alto a sinistra della barra degli strumenti:

Quando apri il pannello laterale, questo si apre dal lato sinistro. Seleziona la Risorse , se necessario.

Quando il browser Risorse è aperto, puoi sfogliare tutte le risorse disponibili per la pagina. Se necessario, per espandere l’elenco viene utilizzato lo scorrimento infinito.

Per aggiungere una risorsa alla pagina, selezionala e trascinala nella posizione desiderata. Può trattarsi di:

• un componente esistente del tipo appropriato.

  • Ad esempio, puoi trascinare una risorsa di tipo immagine su un componente Immagine.

• A segnaposto nel sistema paragrafo per creare un componente del tipo appropriato.

  • Ad esempio, puoi trascinare una risorsa di tipo immagine nel sistema paragrafo per creare un componente Immagine.

Dalla barra degli strumenti nella parte superiore del browser Risorse puoi filtrare le risorse in base a:

• Nome

• Percorso

• Tipo di risorsa come immagini, manoscritti, documenti, video, pagine, paragrafi e prodotti

• Caratteristiche della risorsa come Orientamento (Verticale, Orizzontale, Quadrato) e Stile (Colore, Monocromatico, Scala di grigio)

  • Disponibile solo per alcuni tipi di risorse

L'aspetto e la gestione effettivi dipendono dal tipo di dispositivo in uso:

• Dispositivo mobile come iPad

  Il browser Risorse copre completamente la pagina in fase di modifica.

  Per aggiungere una risorsa alla pagina, tocca e tieni premuto sulla risorsa richiesta, quindi spostala verso destra: il browser Risorse si chiude e viene visualizzata di nuovo la pagina, dove puoi aggiungere la risorsa al componente richiesto.

  

• Dispositivo desktop

  Il browser Risorse viene aperto sul lato sinistro della finestra.

  Per aggiungere una risorsa alla pagina, fai clic sulla risorsa e trascinala sul componente o sulla posizione desiderata.

  

Se devi modificare rapidamente una risorsa, puoi avviare il Editor risorse direttamente dal browser Risorse facendo clic sull’icona Modifica accanto al nome della risorsa.

Struttura contenuto

Il Struttura contenuto offre una panoramica di tutti i componenti sulla pagina in una gerarchia che consente di visualizzare rapidamente come viene composta la pagina.

Struttura contenuto è una scheda che si trova nel pannello laterale, insieme ai browser Componenti e Risorse. Per aprire o chiudere il pannello laterale, utilizza l’icona in alto a sinistra della barra degli strumenti:

Quando apri il pannello laterale, questo si apre (dal lato sinistro). Se necessario, seleziona la scheda Struttura contenuto. Quando è aperta, è possibile visualizzare una struttura ad albero della pagina o del modello, in modo da comprendere più facilmente come il contenuto è strutturato gerarchicamente. Inoltre, in una pagina complessa, consente di spostarsi più facilmente tra i componenti della pagina.

Poiché una pagina può essere composta da numerosi componenti dello stesso tipo, la struttura del contenuto (componente) presenta un testo descrittivo (in grigio) dopo il nome del tipo di componente (in nero). Il testo descrittivo proviene da proprietà comuni del componente, ad esempio titolo o testo.

I tipi di componente vengono mostrati nella lingua dell’utente, mentre il testo della descrizione del componente proviene dalla lingua della pagina.

Facendo clic sulla freccia accanto a un componente, questo livello viene compresso o espanso.

Facendo clic sul componente, questo viene evidenziato nell’editor pagina. Le azioni disponibili dipendono dallo stato della pagina:

• Ad esempio, una pagina di base:

  https://localhost:4502/editor.html/content/we-retail/language-masters/en/equipment.html

  

  Se il componente su cui fai clic nella struttura ad albero è modificabile, a destra del nome viene visualizzata un’icona a forma di chiave inglese. Fai clic su questa icona per aprire la finestra di dialogo di modifica del componente.

  

• Oppure una pagina che fa parte di un live copy, dove i componenti vengono ereditati da un’altra pagina; ad esempio:

  https://localhost:4502/editor.html/content/we-retail/us/en/equipment.html

  

Frammenti - Browser Contenuto associato

Se la pagina contiene frammenti di contenuto, puoi accedere a browser per Contenuto associato.

Riferimenti

Riferimenti mostra connessioni alla pagina selezionata:

• Blueprint
• Lanci
• Live Copy
• Copie per lingua
• Collegamenti in entrata
• Uso del componente di riferimento: contenuto prestato e preso in prestito
• Riferimenti alle pagine dei prodotti (dalla console Commerce - Prodotti)

Apri la console richiesta, quindi accedi alla risorsa desiderata e apri i Riferimenti utilizzando:

Seleziona la risorsa richiesta mostra un elenco di tipi di riferimenti relativi a tale risorsa:

Per ulteriori informazioni, selezionate il tipo di riferimento appropriato. In alcune situazioni, quando selezioni un riferimento specifico sono disponibili ulteriori azioni, tra cui:

• Collegamenti in ingresso fornisce un elenco di pagine che fanno riferimento alla pagina, insieme all’accesso diretto a Modifica una di queste pagine quando selezioni un collegamento specifico.

  • Questo può mostrare solo collegamenti statici, non collegamenti generati dinamicamente; ad esempio, dal componente Elenco.

• Istanze di contenuto prestato o preso in prestito mediante il componente Riferimento: da qui puoi passare alla pagina di riferimento o a cui si fa riferimento.

• Riferimenti alle pagine dei prodotti (disponibile dalla console Commerce-Products)

• Lanci fornisce accesso ai lanci correlati.

• Live Copy visualizza i percorsi di tutte le Live Copy basate sulla risorsa selezionata.

• 🔗Blueprint fornisce dettagli e varie azioni.

• Copie per lingua fornisce dettagli e varie azioni.

Ad esempio, potete correggere un riferimento interrotto all'interno di un componente Riferimento (Reference):

Eventi - Timeline

Per le risorse appropriate (ad esempio, pagine dalla console Sites o risorse dalla console Assets) è possibile utilizzare la timeline per visualizzare le attività recenti relative agli elementi selezionati.

Apri la console richiesta, quindi accedi alla risorsa desiderata e apri la Timeline utilizzando:

Scegli la risorsa desiderata, quindi seleziona Mostra tutto o Attività per ottenere un elenco delle azioni recenti relative alle risorse selezionate:

Informazioni sulle pagine

Il pulsante Informazioni pagina (icona equalizzatore) apre un menu che fornisce anche dettagli sull’ultima modifica e sull’ultima pubblicazione. A seconda delle caratteristiche della pagina, del sito e delle istanze, potrebbero essere disponibili più o meno opzioni:

• Apri proprietà

• Rollout pagina

• Avvia flusso di lavoro

• Blocca pagina

• Pubblica pagina

• Annulla pubblicazione pagina

• Modifica modello; quando la pagina è basata su un modello modificabile

• Visualizza come pubblicato

• Visualizza in Admin; apre la pagina in console Sites

• Aiuto

Ad esempio, se del caso, Informazioni pagina dispone anche delle seguenti opzioni:

• Promuovi lancio se la pagina è un lancio
• Apri nell’interfaccia classica se questa opzione è stata abilitato da un amministratore

Inoltre, se necessario, Informazioni pagina può fornire accesso alle analisi e alle raccomandazioni.

Modalità pagina

Esistono diverse modalità di modifica di una pagina che consentono di eseguire azioni diverse:

• Modifica : utilizza questa modalità quando modifichi il contenuto della pagina.

• Layout : consente di creare e modificare il layout dinamico a seconda del dispositivo (se la pagina si basa su un contenitore di layout)

• Scaffolding : ti consente di creare un set di pagine di grandi dimensioni con una struttura comune ma contenuti diversi.

• Sviluppatore - consente di eseguire varie azioni (richiede privilegi). Ad esempio, è necessario esaminare i dettagli tecnici di una pagina e dei relativi componenti.

• Progettazione : consente di abilitare/disabilitare i componenti da utilizzare su una pagina e di configurare la progettazione del componente (se la pagina è basata su un’ modello statico).

• Targeting: aumenta la rilevanza dei contenuti attraverso il targeting e la misurazione su tutti i canali.

• Activity Map : mostra i dati di Analytics per la pagina.

• Timewarp : consente di visualizzare lo stato di una pagina in un determinato momento.

• Stato Live Copy: consente di ottenere una rapida panoramica dello stato della live copy e dei componenti che vengono/non vengono ereditati.

• Anteprima: utilizzato per visualizzare l’aspetto che la pagina avrà nell’ambiente di pubblicazione o per spostarsi utilizzando i collegamenti presenti nel contenuto.

• Annota: utilizzato per aggiungere o visualizzare annotazioni nella pagina.

Per accedervi, utilizza le icone nell’angolo in alto a destra. L’icona effettiva cambia per riflettere la modalità attualmente in uso:

Selezione del percorso

Spesso per l’authoring è necessario selezionare un’altra risorsa, ad esempio quando si definisce un collegamento a un’altra pagina o risorsa o si seleziona un’immagine. Per selezionare facilmente un percorso, i campi percorso offrono un completamento automatico e il browser percorsi consente una selezione più solida.

Campi percorso

L’esempio utilizzato qui mostra il Componente immagine. Per ulteriori informazioni sull'utilizzo e sulla modifica dei componenti, consulta Componenti per l’authoring delle pagine.

I campi percorso dispongono della funzione di completamento automatico e di look-ahead per rendere più facile individuare una risorsa.

Fai clic sul pulsante Apri finestra di dialogo per selezione nel campo percorso per aprire la finestra di dialogo del browser Percorsi e utilizzare opzioni di selezione più dettagliate.

In alternativa, puoi iniziare a digitare nel campo percorso e AEM offre i percorsi corrispondenti mentre digiti.

Browser Percorsi

Il browser Percorsi è organizzato come la vista a colonne della console Sites e permette di selezionare le risorse in modo più dettagliato.

• Una volta selezionata una risorsa, il pulsante Seleziona in alto a destra nella finestra di dialogo diventa attivo. Tocca o fai clic per confermare la selezione oppure Annulla per interrompere.

• Se il contesto consente la selezione di più risorse, la scelta di una risorsa attiva anche il pulsante Seleziona, ma aggiunge anche un conteggio del numero di risorse selezionate nella parte superiore destra della finestra. Clic X accanto al numero per deselezionare tutto.

• Quando ti sposti nella struttura, la posizione si riflette nelle breadcrumb nella parte superiore della finestra di dialogo. Queste breadcrumb possono essere utilizzate anche per passare rapidamente all’interno della gerarchia delle risorse.

• In qualsiasi momento, puoi utilizzare il campo di ricerca nella parte superiore della finestra di dialogo. Fai clic su X nel campo di ricerca per cancellare la ricerca.

• Per limitare l’ambito della ricerca, puoi visualizzare le opzioni filtro e filtrare il risultato in base a un determinato percorso.

  

Scelte rapide da tastiera

Sono disponibili alcune scelte rapide da tastiera.