Ambiente e strumenti di authoring authoring-the-environment-and-tools

CAUTION
AEM 6.4 ha raggiunto la fine del supporto esteso e questa documentazione non viene più aggiornata. Per maggiori dettagli, consulta la nostra periodi di assistenza tecnica. Trova le versioni supportate qui.

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 managing-your-site

La Sites La console consente di navigare nel sito web e di gestirlo utilizzando la barra dell’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 schede:

chlimage_1-290

Modifica del contenuto di una pagina editing-page-content

È possibile modificare una pagina con l’editor di pagine. Esempio:

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

screen_shot_2018-03-22at141536

NOTE
La prima volta che apri una pagina per la modifica, una serie di diapositive illustra le funzioni disponibili.
Puoi saltare il tour se lo desideri e ripeterlo in qualsiasi momento selezionando dalla Informazioni pagina menu.

Accedere all’Aiuto accessing-help

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

  • la Informazioni pagina selettore; vengono mostrate le diapositive introduttive (come mostrato al primo accesso all’editor).
  • la configurazione finestra di dialogo per componenti specifici (utilizzando l’icona ? nella barra degli strumenti della finestra di dialogo); questo mostrerà la guida sensibile al contesto.

Ulteriori informazioni le risorse relative all’Aiuto sono disponibili dalle console.

Browser Componenti components-browser

Il browser Componenti mostra tutti i componenti disponibili per la pagina corrente. Puoi trascinarli nella posizione appropriata e quindi modificarli 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:

All’apertura, il pannello laterale scivolerà in posizione da sinistra (seleziona la Componenti (se necessario). Quando è 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ò accadere anche per una piccola finestra desktop.
  • Dispositivo mobile (ad esempio iPad)

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

    Per aggiungere un componente alla pagina, toccate e tenete premuto il componente richiesto e spostatelo verso destra: il browser Componenti si chiude e torna a essere visibile la pagina, dove potete posizionare il componente.

    screen_shot_2018-03-22at141752

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

    screen_shot_2018-03-22at141808

    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, puoi effettuare le seguenti operazioni:

    • Filtrare i componenti per nome
    • Limitare 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).

    screen_shot_2018-03-22at141929

    Per ulteriori informazioni sui componenti disponibili, consulta la sezione sulla console Componenti.

Browser Risorse assets-browser

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

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

All’apertura, il pannello laterale scivolerà in posizione da sinistra. Se necessario seleziona la scheda Risorse.

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

chlimage_1-291

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

  • 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 nuovo componente di tipo appropriato.

    • Ad esempio, puoi trascinare una risorsa di tipo immagine sul sistema di paragrafi per creare un componente Immagine.
NOTE
Questa funzione è disponibile per risorse e tipi di componenti specifici. Vedi Inserimento di un componente utilizzando 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, ad esempio immagini, manoscritti, documenti, video, pagine, paragrafi e prodotti

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

    • Disponibile solo per determinati 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 una piccola finestra desktop).
  • Dispositivo mobile, ad esempio iPad

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

    Per aggiungere una risorsa alla pagina, toccate e tenete premuto sulla risorsa richiesta, quindi spostatela verso destra: il browser Risorse si chiude e torna a essere visibile la pagina, dove potete aggiungere la risorsa al componente richiesto.

    screen_shot_2018-03-22at142223

  • Dispositivo desktop

    Il browser Risorse si apre nella parte sinistra della finestra.

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

    screen_shot_2018-03-22at142337

Se devi apportare rapidamente una modifica a una risorsa, puoi avviare l’editor risorse direttamente dal browser Risorse facendo clic sull'icona Modifica accanto al nome della risorsa.

Struttura contenuto content-tree

La Struttura contenuto offre una panoramica di tutti i componenti della pagina sotto forma di gerarchia, per vedere subito come è 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 scorrendo dal lato sinistro. Se necessario, seleziona la scheda Struttura contenuto. Una volta aperta è possibile visualizzare una struttura ad albero della pagina o del modello, che permette di capire come il contenuto è strutturato gerarchicamente. Inoltre, in una pagina complessa rende più facile passare da un componente all’altro della pagina.

screen_shot_2018-03-22at142526

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

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

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

screen_shot_2018-03-22at142559

Facendo clic sul componente viene evidenziato il componente nell’editor di pagine.

screen_shot_2018-03-22at142647

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

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

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

Se la pagina contiene frammenti di contenuto, avrai accesso anche al browser Contenuto associato.

Riferimenti references

Riferimenti mostra i collegamenti alla pagina selezionata:

  • Blueprint
  • Lanci
  • Live Copy
  • Copie per lingua
  • Uso del componente di riferimento
  • Riferimenti alle pagine dei prodotti (dalla console Commerce - Prodotti )

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

screen_shot_2018-03-22at153653

Seleziona la risorsa richiesta per visualizzare un elenco dei tipi di riferimenti relativi a tale risorsa:

screen_shot_2018-03-22at153731

Seleziona il tipo di riferimento adeguato per ulteriori informazioni. In determinate situazioni sono disponibili azioni ulteriori quando viene selezionato un riferimento specifico, inclusi:

Ad esempio, puoi correggere un riferimento interrotto all’interno di un componente Riferimento :

chlimage_1-292

Eventi - Timeline events-timeline

Per le risorse appropriate (ad esempio, pagine dalla console Sites o risorse dalla console Risorse) è 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:

screen_shot_2018-03-22at153952

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

screen_shot_2018-03-22at154130

Informazioni sulle pagine page-information

Informazioni pagina (icona equalizzatore) mostra un menu che fornisce anche dettagli sull’ultima operazione di modifica e di pubblicazione. A seconda delle caratteristiche della pagina (e del relativo sito) potrebbero essere disponibili più o meno opzioni:

screen_shot_2018-03-22at154210

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

Inoltre, Informazioni pagina può fornire l'accesso ad analisi e consigli, se appropriato.

Modalità pagina page-modes

Quando si modifica una pagina sono disponibili diverse modalità che consentono di eseguire diverse azioni:

  • Modifica - la modalità da utilizzare per modificare 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 : consente di creare un insieme di pagine di grandi dimensioni con la stessa struttura e contenuti diversi.

  • Sviluppatore - consente di eseguire varie azioni (sono richiesti privilegi ). Ad esempio, è possibile esaminare i dettagli tecnici di una pagina e dei suoi 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 - aumentare la pertinenza dei contenuti mediante 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 delle pagine in un particolare momento.

  • Stato Live Copy - consente di visualizzare una panoramica rapida dello stato della Live Copy e dei componenti ereditati o non 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.

Puoi accedere a questi elementi mediante l’icona nell’angolo in alto a destra, il cui aspetto dipende dalla modalità attualmente in uso:

chlimage_1-293

NOTE
  • A seconda delle caratteristiche della pagina, alcune modalità potrebbero non essere disponibili.
  • L'accesso ad alcune modalità richiede autorizzazioni/privilegi appropriati.
  • La modalità Sviluppatore non è disponibile sui dispositivi mobili a causa di limitazioni di spazio.
  • La scelta rapida da tastiera Ctrl-Shift-M consente di passare da Anteprima alla modalità attualmente selezionata (ad esempio Modifica, Layout e così via) e viceversa.

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, campi percorso l'offerta è stata completata automaticamente e browser del percorso consente una selezione più affidabile.

Campi percorso path-fields

L’esempio utilizzato qui mostra il Componente immagine. Per ulteriori informazioni sull’utilizzo e la 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ù semplice l’individuazione di una risorsa. È sufficiente iniziare a digitare nel campo percorso e il AEM fornirà i percorsi corrispondenti durante la digitazione.

screen_shot_2018-03-22at154403

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.

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.

screen_shot_2018-03-22at154521

Una volta selezionata una risorsa, la funzione Seleziona in alto a destra nella finestra di dialogo diventa attivo. Tocca o fai clic su per confermare la selezione o 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. Per deselezionare tutti gli elementi, fai clic sulla X accanto al numero.

chlimage_1-294

Le breadcrumb possono essere utilizzate per passare rapidamente alla gerarchia delle risorse.

chlimage_1-295

In qualsiasi momento puoi utilizzare il campo di ricerca nella parte superiore della finestra di dialogo.

chlimage_1-296

Fai clic sulla 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.

chlimage_1-297

Scelte rapide da tastiera keyboard-shortcuts

Sono disponibili alcune scelte rapide da tastiera.

recommendation-more-help
5f6f1f67-8db1-40cb-84e9-024e65b9fc4c