Ambiente e strumenti di authoring

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.

Per creare contenuti AEM per Edge Delivery Services, fai clic qui.

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:

Vista a colonne

Modifica del contenuto di una pagina

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

http://<host>:<port>/editor.html/content/wknd/en/sports/la-skateparks.html

Editor pagina

NOTA

La prima volta che apri una pagina per la modifica, una serie di diapositive ti fornirà 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

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 di configurazione per i componenti specifici (utilizzando l’icona ? presente nella barra degli strumenti della finestra di dialogo), che mostra la guida sensibile al contesto

Ulteriori risorse di aiuto sono disponibili nelle console.

Browser Componenti

I componenti sono gli elementi costitutivi dei contenuti AEM. Per creare la pagina dei contenuti con AEM, posiziona più componenti su una pagina e configurane le relative opzioni.

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:

Icona del pannello laterale

All’apertura, il pannello laterale scivolerà in posizione da sinistra (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:

  • 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 per mostrare nuovamente la pagina), dove puoi posizionare il componente.

    Browser componenti per dispositivi mobili

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

    Browser componenti per desktop

    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
    • 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 il frammento di contenuto:

    Informazioni sul browser Componenti

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

NOTA

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.

Browser Risorse

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 Componenti e alla struttura dei contenuti. Per aprire o chiudere il pannello laterale utilizza l’icona in alto a sinistra della barra degli strumenti:

Icona del pannello laterale

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

Pulsante Browser risorse

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.

Browser Risorse

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 nuovo componente di tipo appropriato.
    • Ad esempio, puoi trascinare una risorsa di tipo immagine nel sistema paragrafo per creare un componente Immagine.
NOTA

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, video, documenti, paragrafi, frammenti di contenuto e frammenti esperienza
  • Caratteristiche della risorsa, ad esempio orientamento e stile
    • Disponibile solo per alcuni tipi di risorse

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

  • Dispositivo mobile

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

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

    Browser risorse per dispositivi mobili

  • Dispositivo desktop

    Il browser Risorse viene aperto sul lato sinistro della finestra.

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

    Browser risorse sul desktop

NOTA

Un dispositivo viene rilevato come mobile se la larghezza è inferiore a 1024 px (quindi anche su una piccola finestra del desktop).

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.

Pulsante Modifica risorsa

Struttura contenuto

La Struttura contenuto offre una panoramica di tutti i componenti della pagina in una gerarchia, per consentirti 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:

Pulsante Struttura contenuto

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, consente di spostarsi più facilmente tra i componenti della pagina.

Struttura contenuto

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.

Fai clic sulla freccia accanto a un componente per comprimere o espandere quel livello.

Freccia di espansione Struttura contenuto

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

  • Ad esempio, una pagina di base:

    Struttura contenuto evidenziata

    I componenti di una pagina di base avranno le consuete opzioni.

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

    Pulsante modifica Struttura contenuto

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

NOTA

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

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

Riferimenti

I riferimenti mostrano eventuali collegamenti alla pagina selezionata:

  • Blueprint
  • Lanci
  • Live Copy
  • Copie per lingua
  • Collegamenti in entrata
  • Uso del componente di riferimento: contenuto prestato e preso in prestito

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

Opzione Riferimenti

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

Dettagli riferimenti

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

  • Collegamenti in entrata: fornisce un elenco di pagine che fanno riferimento a una data pagina, insieme all’accesso diretto alla funzione di Modifica di una di queste pagine quando selezioni un collegamento specifico.
  • 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.
  • 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

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:

Opzione Timeline

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

Dettagli Timeline

Informazioni sulle pagine

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, del sito e delle istanze, potrebbero essere disponibili più o meno opzioni:

Opzione Informazioni pagina

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: modalità da utilizzare per la modifica del 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)
  • Targeting: aumenta la rilevanza dei contenuti attraverso il targeting e la misurazione su tutti i canali.
  • 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.
  • Modalità Sviluppatore
  • 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:

Modalità pagina

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

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

Pulsante Apri finestra di dialogo per selezione

Oppure puoi iniziare a digitare nel campo percorso e AEM fornirà i percorsi corrispondenti mentre digiti.

Pulsante Apri finestra di dialogo per selezione

Browser Percorsi

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

Browser Percorsi

  • 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. Per deselezionare tutti gli elementi, fai clic sulla X accanto al numero.

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

    Opzione Filtri

Scelte rapide da tastiera

Sono disponibili alcune scelte rapide da tastiera.

In questa pagina