Ambiente e strumenti di authoring authoring-the-environment-and-tools
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:
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
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:
-
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.
-
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 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).
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.
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.
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:
-
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.
-
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.
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.
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.
Facendo clic sul componente viene evidenziato il componente nell’editor di pagine.
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.
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:
Seleziona la risorsa richiesta per visualizzare un elenco dei tipi di riferimenti relativi a tale risorsa:
Seleziona il tipo di riferimento adeguato per ulteriori informazioni. In determinate situazioni sono disponibili azioni ulteriori quando viene selezionato un riferimento specifico, inclusi:
- Istanze del componente Riferimento (ad esempio navigazione alla pagina di riferimento o a cui si fa riferimento)
- Riferimenti alle pagine di prodotto (disponibile dalla console Commerce - Prodotti)
- Lanci
- Live Copy visualizza i percorsi di tutte le Live Copy basate sulla risorsa selezionata.
- Blueprint
- Copie per lingua
Ad esempio, puoi correggere un riferimento interrotto all’interno di un componente Riferimento :
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:
Scegli la risorsa desiderata, quindi seleziona Mostra tutto o Attività per ottenere un elenco delle azioni recenti relative alle risorse selezionate:
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:
Ad esempio, se del caso, Informazioni pagina dispone anche delle seguenti opzioni:
-
Promuovi lancio se la pagina è un lancio.
-
Modifica modello se la pagina è basata su un modello modificabile
-
Apri nell’interfaccia classica se questa opzione è stata abilitato da un amministratore
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:
- 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.
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.
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.
Le breadcrumb possono essere utilizzate per passare rapidamente alla gerarchia delle risorse.
In qualsiasi momento puoi utilizzare il campo di ricerca nella parte superiore della finestra di dialogo.
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.
Scelte rapide da tastiera keyboard-shortcuts
Sono disponibili alcune scelte rapide da tastiera.