Modifica del contenuto di una pagina

Una volta creata la pagina (nuova o come parte di un lancio o una live copy) è possibile aggiornarla modificandone i contenuti.

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 offre l'accesso a numerose opzioni. A seconda del contesto e della configurazione corrente, alcune opzioni potrebbero non essere disponibili.

• Attiva/Disattiva pannello laterale

  Apre/chiude il pannello laterale che contiene il Browser delle risorse, il Browser dei componenti e la struttura contenuto.

  

• Informazioni sulle pagine

  Consente di accedere al menu Informazioni pagina, che contiene i dettagli della pagina e le azioni che possono essere eseguite su di essa. Per esempio: visualizzare e modificare le informazioni sulla pagina, visualizzare le proprietà della pagina, pubblicare la pagina o annullare la pubblicazione.

  

• 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

  Consente di aprire il context hub. Disponibile solo in modalità Anteprima.

  

• Titolo pagina

  Questa sezione è solo a scopo informativo.

  

• Selettore modalità

  Mostra la modalità corrente e consente di selezionarne un’altra come, come per esempio Modifica, Layout, Timewarp o Targeting.

  

• Anteprima

  Abilita la modalità Anteprima. La pagina viene visualizzata così come apparirà una volta pubblicata.

  

• Annotazioni

  Consente di aggiungere annotazioni alla pagina durante la revisione. Dopo la prima annotazione, l’icona viene sostituita da un numero che indica quante annotazioni sono presenti 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 sulla 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. Per esempio:

• Completa - Apre la Elemento di lavoro completo dialogo

• Delega - Apre la Elemento di lavoro completo dialogo

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

Il completamento e la delega delle fasi del flusso di lavoro a partire dalla barra delle notifiche funzionano in modo analogo alla partecipazione ai flussi di lavoro a partire dalla casella in entrata delle Notifiche.

Se la pagina è soggetta a più flussi di lavoro, il numero dei 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 verrà posizionato il componente al momento del rilascio, sopra il componente sul quale si trova il puntatore del mouse in quel momento.

• Quando si aggiunge un nuovo componente alla pagina (trascinandolo dal browser Componenti):

  

• Quando si sposta un componente esistente:

  

Inserimento di un componente

Inserire un componente dal Browser Componenti

È possibile aggiungere un nuovo componente utilizzando il browser componenti. Il segnaposto componente mostra dove sarà 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 nuovo componente utilizzando la casella Trascina qui i componenti del sistema paragrafo:

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

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

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

   

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

   Viene visualizzata la finestra di dialogo Inserisci nuovo componente, che consente di selezionare il componente richiesto:

   

3. Il componente selezionato verrà aggiunto in fondo alla pagina. Modifica il componente come preferisci.

Inserimento di un componente utilizzando il browser Risorse

È possibile aggiungere un nuovo componente alla pagina anche trascinando una risorsa dal browser Risorse. Questo determina la creazione automatica di un nuovo componente del tipo appropriato (e che include la risorsa).

Questo vale per i seguenti tipi di risorse (alcune dipenderanno dal sistema della pagina o del 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 indica dove sarà posizionato il componente.

   In tale posizione viene creato un componente adatto al tipo di risorsa, che include la risorsa selezionata.

4. Se necessario, Modifica il componente.

Se sfogliando le risorse disponibili scopri che è necessario eseguire una rapida modifica a una risorsa, puoi avviare l’editor delle risorse direttamente dal browser, facendo clic sull’icona di modifica accanto al nome della risorsa.

Modificare/configurare/copiare/tagliare/eliminare/incollare

Selezionando un componente si aprirà la barra degli strumenti, che consente di accedere alle azioni disponibili per tale componente.

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

• Modifica

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

  

• Configura

  In base al tipo di componente, questo comando consente di modificare e configurare le proprietà del componente. In genere presenta una finestra di dialogo.

  

• Copia

  Questo comando consente di copiare il componente negli Appunti. Dopo l’operazione Incolla, il componente originale non viene eliminato.

  

• Taglia

  Questo comando consente di copiare il componente negli Appunti. Dopo l’operazione Incolla, il componente originale viene eliminato.

  

• Eliminare

  Questo comando elimina il componente dalla pagina, previa conferma.

  

• Inserisci componente

  Con questo comando si apre la finestra di dialogo che consente di aggiungere un nuovo componente.

  

• Incolla

  Questo comando consente di incollare il componente dagli Appunti alla pagina. Il componente originale viene eliminato o meno a seconda dell’opzione precedentemente utilizzata (rispettivamente Taglia o Copia).

  • È possibile incollare i componenti sulla stessa pagina o su una pagina diversa.
  • L’elemento viene incollato sopra quello nella cui posizione di seleziona l’azione Incolla.
  • L’azione Incolla è disponibile solo se è presente contenuto negli Appunti.

  

  NOTA

  Se incolli in un’altra pagina che era già aperta prima dell’operazione taglia/copia, per visualizzare il contenuto incollato devi aggiornare la pagina.

• Gruppo

  Questa opzione consente di selezionare più componenti contemporaneamente. La stessa operazione è possibile su un dispositivo desktop tramite Control+clic o Comando+clic.

  

• Elemento padre

  Consente di selezionare l’elemento padre del componente selezionato.

  

• Layout

  Questa opzione consente di modificare il 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 di esperienza

  Consente di creare un nuovo Frammento esperienza dal componente selezionato o di aggiungerlo a un frammento di esperienza esistente.

  

Modifica (Contenuto)

Esistono due metodi per aggiungere e/o modificare contenuti nei componenti:

• Apri la finestra di dialogo del componente per la modifica.
• Per aggiungere direttamente contenuti trascina una risorsa dal browser risorse.

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.

  È necessario trascinare o caricare un’immagine (utilizzando Configura) prima di poter iniziare a modificarla.

• Componente immagine (a schermo intero)

  L’accesso alla modalità a tutto schermo 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, lo schermo intero consente di selezionare i predefiniti di ritaglio.

  

• I componenti formati da più di un componente di base, come il Componente di base Testo e Immagine, richiedono prima di tutto di confermare quale insieme di opzioni di modifica desideri:

  

Trascinare risorse nel componente

Per tipi di componenti specifici è possibile trascinare risorse dal browser risorse direttamente nel componente per aggiornare il contenuto:

Modifica (contenuto) - Modalità a schermo intero

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 verranno indicate le posizioni in cui è possibile spostare il paragrafo. Rilascia nella posizione desiderata.

   

3. Il paragrafo è stato spostato.

Modificare il layout del componente

Invece di passare più volte dalla modalità di modifica alla modalità di layout per regolare le impostazioni di un componente, è possibile selezionare l’azione Layout. Questo permette di modificare rapidamente il layout di quello specifico componente, senza uscire dalla modalità di modifica.

1. In modalità Modifica nella console Sites, quando si seleziona un componente viene visualizzata la sua barra degli strumenti.

   

   Tocca o fai clic sull’azione Layout per modificare il layout del componente.

   

2. Quando viene selezionata l’azione Layout:

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

   

   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 sul pulsante Chiudi nel menu Azioni 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 Paragrafo Ereditato all’interno di Geometrixx.

È possibile annullare (e quindi riattivare) l’ereditarietà. In base al componente, questo può essere disponibile da:

• Live Copy

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

  

  L’opzione Annulla ereditarietà è disponibile:

  

  Se l’ereditarietà è già stata annullata, è invece disponibile l’opzione Riattiva ereditarietà:

  

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

  

• Un Sistema Paragrafo Ereditato

  La finestra di dialogo di configurazione. Ad esempio, come con il Sistema Paragrafo Ereditato:

  

Modificare il modello di pagina

Se la pagina è basata su un modello modificabile, puoi facilmente passare all’editor modelli selezionando Modifica modello nel menu Informazioni pagina.

Se la pagina è basata su un modello statico, puoi passare a Modalità Progettazione utilizzando selettore della modalità pagina sulla barra degli strumenti per abilitare/disabilitare i componenti da utilizzare nella 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 visualizzare una panoramica rapida dello stato della live copy e di quali componenti sono ereditati o no:

• Bordo verde: componente ereditato
• Bordo rosa: l’ereditarietà del componente è stata annullata

Esempio:

Aggiunta di annotazioni

Le Annotazioni consentono a revisori e altri autori di fornire un riscontro sui contenuti. Spesso sono utilizzate a scopo di revisione e di 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: un'anteprima completa della pagina in una nuova scheda

Modalità Anteprima

Quando si modifica il contenuto, è possibile visualizzare in anteprima la pagina mediante la modalità di anteprima. Questa modalità:

• Nasconde vari meccanismi di modifica per fornire un’indicazione rapida di come apparirà la pagina una volta pubblicata.
• Consente di utilizzare i collegamenti per la navigazione.
• Non aggiorna il contenuto della pagina.

Quando si creano contenuti, 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. Permette di aprire la pagina in una nuova scheda, aggiornando il contenuto e visualizzando la pagina esattamente come apparirebbe nell’ambiente di pubblicazione.

Blocco di una pagina

AEM consente di bloccare una pagina in modo da impedire che i contenuti possano essere modificati. Questa funzione è utile quando si devono apportare numerose modifiche a una pagina oppure se occorre bloccarla per un breve periodo di tempo.

Per bloccare una pagina è possibile utilizzare:

• La console Sites

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

  

• Editor pagina

  1. Seleziona l’icona Informazioni pagina per aprire il menu.
  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

La procedura di sblocco di una pagina è molto simile a quella di blocco: una volta che la pagina è bloccata, le opzioni di blocco vengono sostituite da quelle 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. Vengono visualizzate sulla barra degli strumenti quando necessario:

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

In AEM vengono memorizzate una cronologia delle azioni eseguite e la relativa sequenza, in modo che le varie azioni possano essere annullate nell’ordine di esecuzione; inoltre è possibile utilizzare l’opzione Ripristina per riapplicare una o più azioni annullate.

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 di annullamento e ripristino è simile a quello delle altre applicazioni software. Tali comandi consentono di ripristinare uno stato recente della pagina web in lavorazione. 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”.

I comandi Annulla e Ripristina possono essere utilizzati per i seguenti tipi di modifiche:

• 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

Per i campi modulo generati dai componenti modulo non deve essere specificato alcun valore durante la creazione delle pagine. Pertanto i comandi Annulla/Ripristina non incidono sulle modifiche apportate ai valori di questo tipo di componenti. Ad esempio, non è possibile annullare la selezione di un valore in un elenco a discesa.

Risorse Business.Adobe.com

Style System Auto Form Fill Asset Collections Responsive Forms Theme Editor Customer Experience Management