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:

ateat-01

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

ateat-02

NOTA

La prima volta che apri una pagina per la modifica, una serie di diapositive ti forniranno una panoramica delle funzioni.

Se necessario, puoi saltare la presentazione e ripeterla in qualsiasi momento selezionando una delle seguenti opzioni Informazioni pagina menu.

Accedere all’Aiuto

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

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

Ulteriori informazioni le risorse relative alla guida sono disponibili nelle console.

Browser Componenti

Il browser Componenti mostra tutti i 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 scorrendo dal lato sinistro (seleziona la Componenti (se necessario). Una volta aperta, è possibile sfogliare tutti i componenti disponibili per la pagina.

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

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.

  • Dispositivo mobile (ad es. 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.

    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, 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). Ad esempio, per Contenitore di layout:

    ateat-06

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

Browser Risorse

Il browser Risorse mostra tutto risorse che sono disponibili per l’uso diretto nella 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:

ateat-03-1

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

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 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, 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:

NOTA

Un dispositivo viene rilevato come mobile se la larghezza è inferiore a 1024 px (quindi anche una piccola finestra 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 per mostrare 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 richiesta e trascinala sul componente o sulla posizione desiderata.

    ateat-10

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

Il 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:

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.

ateat-11

Poiché una pagina può essere composta da molti componenti dello stesso tipo, la struttura del contenuto (componente) visualizza 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 visualizzati 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.

screen_shot_2018-03-22at142559

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

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 compare un’icona a forma di chiave inglese. Facendo clic su questa icona si avvia direttamente 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

    ateat-13

Frammenti - Browser Contenuto associato

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

Riferimenti

Riferimenti mostra 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:

screen_shot_2018-03-22at153653

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

ateat-22

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.

  • 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):

ateat-14

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

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

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 del caso, Informazioni pagina dispone anche delle seguenti opzioni:

Inoltre, Informazioni pagina può fornire accesso ad analytics e alle raccomandazioni, quando appropriato.

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

  • Scaffolding : ti aiuta a creare un set di pagine di grandi dimensioni che condividono la stessa 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 per l’utilizzo in una pagina e di configurare la progettazione del componente (se la pagina è basata su un’ modello statico).

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

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

ateat-18

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: campi percorso offerta di 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 di funzionalità di completamento automatico e look-ahead per semplificare l’individuazione di 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.

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

ateat-19

Browser Percorsi

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

    ateat-21

Scelte rapide da tastiera

Sono disponibili alcune scelte rapide da tastiera.

In questa pagina