Modifica del contenuto di una pagina

Dopo aver creato la pagina (nuova o come parte di un lancio o di una Live Copy), puoi modificare il contenuto per apportare gli aggiornamenti necessari.

Per aggiungere i contenuti si trascinano sulla pagina specifici componenti, in base al tipo di contenuto, che possono quindi essere modificati, spostati o eliminati.

Barra degli strumenti della pagina

Dalla barra degli strumenti della pagina è possibile accedere alle funzionalità appropriate, a seconda della configurazione della pagina.

La barra degli strumenti permette di accedere a numerose opzioni. A seconda del contesto e della configurazione correnti, alcune opzioni potrebbero non essere disponibili.

• Attiva/Disattiva pannello laterale

  Apre o chiude il pannello laterale, che contiene il browser Risorse, il browser Componenti e la Struttura contenuti.

  

• Informazioni sulle pagine

  Fornisce accesso al Informazioni pagina menu che include i dettagli e le azioni che possono essere eseguite sulla pagina, tra cui la visualizzazione e la modifica delle informazioni sulla pagina, la visualizzazione delle proprietà della pagina e la pubblicazione/annullamento della pubblicazione della pagina.

  

• Emulatore

  Attiva o disattiva la barra degli strumenti dell’emulatore, che permette di simulare l’aspetto che avrà la pagina su un altro dispositivo. Questa barra è automaticamente attivata in modalità di layout.

  

• ContextHub

  Apre il context hub. Disponibile solo in modalità Anteprima.

  

• Titolo pagina

  Questa sezione è solo a scopo informativo.

  

• Selettore modalità

  Visualizza la corrente modalità e consente di selezionare un’altra modalità, ad esempio modifica, layout, timewarp o targeting.

  

• Anteprima

  Abilita la modalità Anteprima. In questo modo la pagina viene visualizzata così come appare al momento della pubblicazione.

  

• Annotazioni

  Ti consente di aggiungere annotazioni alla pagina durante la revisione. Dopo la prima annotazione, l’icona passa a un numero che indica il numero di annotazioni sulla pagina.

  

Notifica di stato

Se una pagina fa parte di uno o più flussi di lavoro, queste informazioni vengono visualizzate in una barra di notifica nella parte superiore dello schermo durante la modifica della pagina.

La notifica riporta il flusso di lavoro in esecuzione per la pagina. Se l’utente è coinvolto nella fase attuale del flusso di lavoro, sono anche disponibili opzioni per modificare lo stato del flusso di lavoro e ottenere ulteriori informazioni sul flusso di lavoro, ad esempio:

• Completa - Apre il Elemento di lavoro completato finestra di dialogo

• Delega - Apre il Elemento di lavoro completato finestra di dialogo

• Visualizza dettagli: apre la finestra Dettagli del flusso di lavoro

Il completamento e la delega delle fasi del flusso di lavoro tramite la barra delle notifiche funzionano come quando partecipazione ai flussi di lavoro dalla casella in entrata Notifica.

Se la pagina è soggetta a più flussi di lavoro, il numero di flussi di lavoro viene visualizzato all’estremità destra della notifica, insieme ai pulsanti freccia che consentono di scorrere i flussi di lavoro.

Segnaposto Componente

Il segnaposto del componente è un indicatore che mostra dove è posizionato un componente quando lo rilasci, sopra il componente su cui stai passando con il puntatore del mouse.

• Quando aggiungi un componente alla pagina (trascinandolo dal browser dei componenti):

  

• Quando si sposta un componente esistente:

  

Inserimento di un componente

Inserire un componente dal Browser Componenti

È possibile aggiungere un componente utilizzando browser componenti. Il segnaposto componente mostra dove è posizionato il componente:

1. Assicurati che la pagina sia in modalità Modifica.

2. Apri il browser Componenti.

3. Trascina il componente di cui hai bisogno nella posizione desiderata.

4. Modifica il componente.

Inserimento di un Componente dal Sistema Paragrafo

È possibile aggiungere un componente utilizzando Trascina qui i componenti casella del sistema paragrafo:

1. Assicurati che la pagina sia in modalità Modifica.

2. Esistono due modi per selezionare e aggiungere un componente dal sistema paragrafo:

   • Seleziona l’opzione Inserisci componente (+) dalla barra degli strumenti di un componente esistente o dalla casella Trascina qui i componenti.

   

   • Se utilizzi un dispositivo desktop, puoi fare doppio clic sul pulsante Trascina qui i componenti casella.

   Il Inserisci nuovo componente viene visualizzata una finestra di dialogo che consente di selezionare il componente richiesto:

   

3. Il componente selezionato viene aggiunto nella parte inferiore della pagina. Se necessario, Modifica il componente.

Inserimento di un componente utilizzando il browser Risorse

Puoi anche aggiungere un componente alla pagina trascinando una risorsa dal menu browser risorse. Questo crea automaticamente un componente del tipo appropriato (e che contiene la risorsa).

Questa opzione è valida per i seguenti tipi di risorse (alcuni dipendono dal sistema pagina/paragrafo):

Per creare un componente trascinando uno dei tipi di risorsa indicati sopra:

1. Assicurati che la pagina sia in modalità Modifica.

2. Apri il browser Risorse.

3. Trascina la risorsa richiesta nella posizione desiderata. Il segnaposto componente mostra dove è posizionato il componente.

   Un componente, appropriato per il tipo di risorsa, viene creato nella posizione desiderata e include la risorsa selezionata.

4. Modifica il componente, se necessario.

Quando esplori le risorse, se scopri che è necessario apportare una rapida modifica a una risorsa, fai clic sull'icona di modifica accanto al nome della risorsa per avviare il Editor risorse.

Modifica/Configura/Copia/Taglia/Elimina/Incolla

Selezionando un componente si apre la barra degli strumenti. Consente di accedere a varie azioni che possono essere eseguite sul componente.

Le azioni disponibili dipendono dal contesto; in questa sezione ne vengono descritte solo alcune.

• Modifica

  In base al tipo di componente, questa azione consente di modificare il contenuto del componente. Spesso è disponibile una barra degli strumenti.

  

• Configura

  Dipende dal tipo di componente questo consente di modificare e configurare le proprietà del componente. Spesso viene aperta una finestra di dialogo.

  

• Copia

  Il componente viene copiato negli Appunti. Il componente originale rimane dopo un'operazione Incolla.

  

• Taglia

  Il componente viene copiato negli Appunti. Dopo che il componente è stato incollato, quello originale viene rimosso.

  

• Eliminare

  Questo elimina il componente dalla pagina con la tua conferma.

  

• Inserisci componente

  Verrà aperta la finestra di dialogo per aggiungi un componente.

  

• Incolla

  Incolla il componente dagli Appunti alla pagina. Se l'originale rimane o meno dipende dal fatto che sia stata utilizzata la copia o il taglio.

  • È possibile utilizzare Incolla per collocare i componenti sulla stessa pagina o su una pagina diversa.
  • L’elemento viene incollato sopra l’elemento in cui selezioni l’azione Incolla.
  • L’azione Incolla viene visualizzata solo se negli Appunti è presente del contenuto.

  

  NOTA

  Se si incolla in un’altra pagina che era già aperta prima dell’operazione Taglia/Copia, per visualizzare il contenuto incollato è necessario aggiornare la pagina.

• Gruppo

  Questo consente di selezionare più componenti contemporaneamente. È possibile eseguire la stessa azione su un dispositivo desktop tramite Ctrl+clic o Comando+clic.

  

• Elemento padre

  Questo consente di selezionare il componente principale del componente selezionato.

  

• Layout

  Questo ti consente di modificare layout del componente selezionato. Ciò vale solo per il componente selezionato e non attiva la Modalità di layout per l’intera pagina.

  

• Converti in variante di frammento esperienza

  Questo consente di creare un’ Frammento esperienza dal componente selezionato o aggiungilo a un frammento di esperienza esistente.

  

Modifica (contenuto)

Esistono due metodi per aggiungere o modificare contenuti nei componenti:

• Aprire la finestra di dialogo del componente per la modifica.
• Trascinare una risorsa dal browser Risorse per aggiungere direttamente il contenuto.

Finestra di dialogo di modifica del componente

Per aprire un componente e modificarne il contenuto, utilizza l’icona Modifica (a forma di matita) nella barra degli strumenti del componente.

Le opzioni di modifica effettive dipendono dal componente. Per alcuni componenti, tutte le azioni sono disponibili solo in modalità a schermo intero. Esempio:

• Componente testo

  

• Componente immagine

  

  NOTA

  La modifica non funziona su un componente immagine vuoto.

  Trascinare o caricare un'immagine (mediante Configura) prima di iniziare a modificarlo.

• Componente immagine: a schermo intero

  L’accesso alla modalità a schermo intero per il componente immagine consente di avere più spazio per modificare l’immagine oltre che per visualizzare opzioni di modifica aggiuntive, ad esempio Launch Map (Avvia mappa) e Ripristina zoom. Inoltre, la modalità a schermo intero consente di selezionare i predefiniti di ritaglio.

  

• Componenti costituiti da più componenti di base, ad esempio Componente base testo e immagine, per prima cosa chiedi di confermare quale insieme di opzioni di modifica desideri:

  

Trascinare risorse nel componente

Per tipi di componenti specifici puoi trascinare e rilasciare le risorse dal browser Risorse direttamente nel componente per aggiornare il contenuto:

Modifica (Contenuto) Modalità a tutto schermo

Per tutti i componenti è possibile accedere alla (e uscire dalla) modalità a tutto tramite:

Per esempio, il componente Testo:

Spostamento di un componente

Per spostare un componente paragrafo:

1. Tocca o fai clic e tieni premuto per selezionare il paragrafo da spostare.

2. Trascina il paragrafo nella nuova posizione. In AEM viene indicato dove è possibile rilasciare il paragrafo. Rilascialo nella posizione desiderata.

   

3. Il paragrafo è stato spostato.

Modificare il layout del componente

Invece di passare più volte dall'editing al modalità di layout per regolare un componente, puoi selezionare Layout per modificare il layout di un componente. In questo modo si risparmia tempo, non dovendo uscire dalla modalità di modifica.

1. Quando in Modifica nella console sites, quando si seleziona un componente viene visualizzata la relativa barra degli strumenti.

   

   Tocca o fai clic sul pulsante Layout per regolare il layout del componente.

   

2. Una volta selezionata l’azione Layout:

   • Vengono visualizzate le maniglie di ridimensionamento del componente.
   • La barra degli strumenti dell’emulatore viene visualizzata nella parte superiore dello schermo.
   • La barra degli strumenti del componente presenta le azioni di layout al posto delle azioni di modifica standard.

   

   Ora puoi modificare il layout del componente, in modo analogo a come lo si modifica nella modalità di layout.

3. Dopo aver apportato le modifiche necessarie, fai clic su Chiudi nel menu azione del componente per interrompere la modifica del layout del componente. La barra degli strumenti del componente torna al normale stato di modifica.

   

Componenti ereditati

I componenti ereditati possono essere il risultato di vari scenari, tra cui:

• Gestione multisito
• Lanci (se basati su Live Copy).
• Componenti specifici, ad esempio il sistema di paragrafi ereditati all’interno di Geometrixx.

È possibile annullare l’ereditarietà, quindi riabilitarla. A seconda del componente, questo può essere disponibile da:

• Live Copy

  La barra degli strumenti del componente, se il componente si trova su una pagina che fa parte di una Live Copy o di un lancio (basato su una Live Copy). Ad esempio:

  

  L’opzione Annulla ereditarietà è disponibile:

  

  In alternativa, se l’operazione è già stata annullata, riattiva l’ereditarietà:

  

  L’azione Rollout è disponibile anche nel blueprint o nella sorgente Live Copy:

  

• Un sistema di paragrafi ereditato

  Finestra di dialogo di configurazione. Ad esempio, come con il sistema paragrafo ereditato:

  

Modificare il modello di pagina

Se la pagina si basa su un modello modificabile, è possibile passare facilmente al editor modelli selezionando Modifica modello nel Menu Informazioni pagina.

Se la pagina si basa su un modello statico, è possibile passare a Modalità progettazione utilizzando selettore modalità pagina sulla barra degli strumenti per abilitare/disabilitare i componenti da utilizzare sulla pagina.

Puoi vedere facilmente su quale modello si basa la pagina quando la selezioni in Vista a colonne o Vista a elenco.

Stato della Live Copy

La modalità di pagina Stato Live Copy consente di avere una rapida panoramica dello stato della Live Copy e di sapere quali componenti vengono ereditati e quali no:

• Bordo verde: ereditato
• Bordo rosa: ereditarietà annullata

Ad esempio:

Aggiunta di annotazioni

Le Annotazioni consentono a revisori e altri autori di fornire un feedback sui contenuti. Vengono spesso utilizzate a scopo di revisione e convalida.

Anteprima delle pagine

Esistono due opzioni per visualizzare in anteprima una pagina:

• Modalità Anteprima: un’anteprima rapida disponibile dalla stessa posizione

• Visualizza come pubblicato: anteprima completa che apre la pagina in una nuova scheda

Modalità Anteprima

Durante la modifica del contenuto, puoi visualizzare l’anteprima della pagina utilizzando modalità. Questa modalità consente di effettuare le seguenti operazioni:

• Nascondi vari meccanismi di modifica per avere una visualizzazione rapida della pagina quando viene pubblicata.
• Utilizza i collegamenti per navigare.
• È vero non aggiorna il contenuto della pagina.

Durante l’authoring, la modalità di anteprima è disponibile utilizzando l’icona in alto a destra dell’Editor pagina:

Visualizza come pubblicato

L’opzione Visualizza come pubblicato, è disponibile nel menu Informazioni pagina. In questo modo la pagina viene aperta in una nuova scheda, il contenuto viene aggiornato e la pagina viene visualizzata esattamente come appare quando viene pubblicata.

Blocco di una pagina

AEM consente di bloccare una pagina in modo che nessun altro possa modificarne il contenuto. Questa funzione è utile quando si apportano numerose modifiche a una pagina specifica o quando è necessario bloccarla per un breve periodo.

Per bloccare una pagina è possibile utilizzare:

• La console Sites

  1. Seleziona la pagina con modalità di selezione.
  2. Seleziona l’icona del lucchetto.

  

• Editor pagina

  1. Per aprire il menu, selezionare Informazioni pagina icona.
  2. Seleziona l’opzione Blocca pagina.

Una volta eseguito il blocco le informazioni di visualizzazione della console vengono aggiornate e, durante la modifica, un simbolo a forma di lucchetto viene visualizzato nella barra degli strumenti.

Sblocco di una pagina

Lo sblocco di una pagina è simile a blocco della pagina. Quando la pagina è bloccata, le opzioni di blocco vengono sostituite dalle azioni di sblocco.

Nel menu Informazioni pagina è presente l’opzione Sblocca e l’icona Blocca nella console Sites viene sostituita dall’icona Sblocca.

Annullamento e ripristino di operazioni di modifica delle pagine

Le icone seguenti consentono di annullare o ripristinare un’azione. Questi sono visualizzati nella barra degli strumenti quando appropriato:

Annullamento e ripristino di operazioni di modifica delle pagine - La teoria

AEM memorizza una cronologia delle azioni eseguite e la sequenza in cui sono state eseguite. Questa funzionalità consente di annullare più azioni nell'ordine in cui sono state eseguite e di rieseguirle per riapplicare una o più azioni, se necessario.

Se è selezionato un elemento nella pagina del contenuto (ad esempio un componente di testo) il comando Annulla o Ripristina si riferisce all’elemento selezionato.

Il comportamento dei comandi Annulla e Ripristina è simile a quello di altri programmi software. Utilizza i comandi per ripristinare lo stato recente della pagina web quando decidi del contenuto. Se ad esempio si sposta un paragrafo di testo altrove nella pagina, è possibile ricorrere al comando Annulla per riportarlo nella posizione originale. Se successivamente constati che la posizione precedente era migliore, utilizza il comando Ripristina per “annullare l’annullamento”.

Potete utilizzare le opzioni Annulla (Undo) e Ripeti (Redo) per i seguenti tipi di modifiche di pagina:

• Aggiunta, modifica, rimozione e spostamento di paragrafi
• Modifica locale del contenuto dei paragrafi
• Operazioni Copia, Taglia e Incolla per elementi all’interno di una pagina

I campi modulo di cui viene eseguito il rendering dei componenti modulo non devono avere valori specificati durante l’authoring delle pagine. Pertanto, i comandi Annulla e Ripristina non influiscono sulle modifiche apportate ai valori di questi tipi di componenti. Ad esempio, non è possibile annullare la selezione di un valore in un elenco a discesa.