Authoring: ambiente e strumenti authoring-the-environment-and-tools

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

Gestione del sito managing-your-site

La console Sites consente di navigare nel sito Web e di gestirlo utilizzando 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:

ateat-01

Modifica del contenuto di una pagina editing-page-content

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

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

ateat-02

NOTE
La prima volta che apri una pagina per la modifica, una serie di diapositive ti offre una panoramica delle funzioni.
Se necessario, puoi saltare la presentazione e ripeterla in qualsiasi momento selezionando una delle opzioni dal menu Informazioni pagina.

Accedere all’Aiuto accessing-help

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

  • il selettore Informazioni pagina, che mostra le diapositive introduttive (così come visualizzate al primo accesso all'editor).
  • la finestra di dialogo configurazione 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 components-browser

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:

ateat-03

Quando apri il pannello laterale, questo si apre dal lato sinistro (se necessario seleziona la scheda Componenti). 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:

NOTE
Un dispositivo viene rilevato come mobile se la larghezza è inferiore a 1024 px. Questo può essere anche il caso di una piccola finestra del desktop.
  • 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.

    ateat-04

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

    ateat-05

    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 nella parte superiore del browser Componenti è 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, puoi fare clic sull'icona delle informazioni accanto al componente nel browser Componenti (se disponibile). Ad esempio, per Contenitore di layout:

    ateat-06

    Per ulteriori informazioni sui componenti disponibili, vedere Console componenti.

Browser Risorse assets-browser

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

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

ateat-03-1

Quando apri il pannello laterale, questo si apre dal lato sinistro. Se necessario, seleziona la scheda Assets.

ateat-07

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.

ateat-08

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.
  • Un 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.
NOTE
Questa funzione è disponibile per risorse e tipi di componenti specifici. Consulta Inserimento di un componente tramite il browser Risorse per ulteriori dettagli.

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:

NOTE
Un dispositivo viene rilevato come mobile se la larghezza è inferiore a 1024 px (quindi anche su una piccola finestra del desktop).
  • 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.

    ateat-09

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

    ateat-10

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

Dispositivo desktop Assets Browser

Struttura contenuto content-tree

La Struttura contenuto offre una panoramica di tutti i componenti della pagina in una gerarchia, in modo da poter vedere immediatamente 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:

Struttura contenuto

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.

ateat-11

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.

schermata_shot_2018-03-22at142559

NOTE
La struttura del contenuto non è disponibile quando si modifica una pagina su un dispositivo mobile (se la larghezza del browser è inferiore a 1024 px).

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

    ateat-12

    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.

    Icona chiave inglese - Modifica

  • Oppure una pagina che fa parte di una Live Copy, in cui i componenti vengono ereditati da un'altra pagina, ad esempio:

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

    ateat-13

Frammenti - Browser Contenuto associato fragments-associated-content-browser

Se la pagina contiene frammenti di contenuto, è possibile accedere al browser Contenuto associato.

Riferimenti references

I riferimenti mostrano le 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:

schermata_shot_2018-03-22at153653

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

ateat-22

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 (disponibili nella console Prodotti Commerce)

  • Lanci fornisce l'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):

ateat-14

Eventi - Timeline events-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:

ateat-15

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

ateat-16

Informazioni sulle pagine page-information

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:

ateat-17

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

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

Modalità pagina page-modes

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 che condividono la struttura ma hanno 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 in 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:

ateat-18

NOTE
  • A seconda delle caratteristiche della pagina, alcune modalità potrebbero non essere disponibili.
  • L’accesso ad alcune modalità richiede le autorizzazioni/i privilegi appropriati.
  • La modalità Sviluppatore non è disponibile sui dispositivi mobili a causa di restrizioni di spazio.
  • È disponibile una scelta rapida da tastiera ( Ctrl-Shift-M) per passare da Anteprima alla modalità attualmente selezionata, ad esempio Modifica e Layout.

Selezione del percorso path-selection

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 path-fields

L’esempio utilizzato qui mostra il Componente immagine. Per ulteriori informazioni sull'utilizzo e la modifica dei componenti, vedere 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.

Apri finestra di dialogo per selezione

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

ateat-19

Browser Percorsi path-browser

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

schermata_shot_2018-03-22at154521

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

  • 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. Fai clic su X accanto al numero per deselezionare tutti.

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

    ateat-21

Scelte rapide da tastiera keyboard-shortcuts

Sono disponibili alcune scelte rapide da tastiera.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2