Frammenti di contenuto visivo visual-content-fragments
I frammenti di contenuto contengono contenuto strutturato destinato all’output JSON, senza progettazione o layout. L’aggiunta di modelli HTML consente di creare esperienze visive completamente decorate con contenuti strutturati in formato HTML:
-
La visualizzazione di un frammento di contenuto contribuisce a garantire la qualità del contenuto, consentendo alle parti interessate di esaminare il contenuto prima che venga utilizzato, senza dover aprire l’Editor frammento di contenuto
-
Distribuire un frammento visivo facilita la distribuzione omnicanale, per il riutilizzo di esperienze modulari su canali diversi come web, e-mail o app mobili.
L’output di rendering di un frammento di contenuto AEM che utilizza il layout e la struttura di un modello di HTML allegato è denominato frammento di contenuto visivo.
I modelli HTML contengono informazioni di layout e progettazione che consentono la visualizzazione dei frammenti di contenuto. La connessione tra un modello e un frammento di contenuto viene stabilita utilizzando la sintassi Handlebars per mappare i tag HTML ai tipi di dati (campi) definiti nel modello per frammenti di contenuto. Questa definizione consente di visualizzare il contenuto creato nei rispettivi campi dell’Editor frammento di contenuto nelle posizioni appropriate all’interno del modello.
Tu o il tuo team di sviluppo potete creare e personalizzare i modelli di HTML, quindi caricare e allegare uno o più modelli di frammenti di contenuto in modo che i frammenti corrispondenti possano essere renderizzati in esperienze, visualizzate in anteprima e consegnate come richiesto.
Creare un modello create-a-template
I modelli HTML sviluppati utilizzando Handlebars consentono di visualizzare in anteprima e distribuire frammenti di contenuto visivo in formato HTML. La sintassi Handlebars.js definisce i segnaposto per il contenuto creato nei campi Frammento di contenuto.
Per informazioni dettagliate sullo sviluppo di modelli personalizzati, vedere Frammenti di contenuto visivo - Modelli.
Caricare e assegnare il modello upload-and-assign-your-template
Un modello è associato a un modello per frammenti di contenuto in modo che possa essere utilizzato con qualsiasi frammento di contenuto creato da tale modello.
Per caricare il nuovo modello HTML:
-
Nella console Frammenti di contenuto apri la scheda per Modelli per frammenti di contenuto.
-
Passa alla posizione del modello di frammento.
-
Seleziona l’icona delle informazioni (i) per il modello richiesto:
Viene visualizzato il pannello a destra.
-
Scorri verso il basso per visualizzare Modelli HTML. Il Modello generico è già elencato in quanto è il modello predefinito:
-
Seleziona + per caricare il modello da un file HTML (
.html). Una finestra di dialogo ti consentirà di sfogliare il file system locale e selezionare il file modello. -
Dopo il caricamento, vengono visualizzate due visualizzazioni del modello che potrai esaminare:
- left: rendering del modello senza contenuto
- a destra: il codice HTML, che può anche essere modificato qui prima dell’importazione in AEM
-
Seleziona Avanti per continuare.
-
Immettere un nome modello da utilizzare in AEM.
-
Conferma con Crea modello.
-
Il modello verrà creato in AEM ed elencato in Modelli HTML, nelle proprietà dei modelli per frammenti di contenuto.
Una volta caricato, può essere utilizzato per l’anteprima dei frammenti. Puoi anche scaricare o eliminare il modello.
Visualizzare l’anteprima del frammento con un modello preview-your-fragment-with-a-template
Per visualizzare in anteprima il frammento di contenuto utilizzando un modello:
-
Nella console Frammenti di contenuto passa alla posizione del frammento.
-
Effettua una delle seguenti operazioni:
- seleziona il frammento nella console
- aprire il frammento nell’editor
-
Seleziona Anteprima dalla barra degli strumenti superiore di:
- la console Frammenti di contenuto
- nell’editor, dove è possibile selezionare Modello
In entrambi i casi si aprirà una nuova finestra modale.
-
Se non è disponibile alcun modello personalizzato, AEM utilizzerà il modello generico per visualizzare il frammento. Il Modello generico:
- visualizza i campi del frammento sotto forma di tabella, nome e contenuto
- mostra il contenuto completamente idratato dei frammenti di riferimento nella stessa visualizzazione
-
Se sono disponibili modelli personalizzati, è possibile selezionare il modello che si desidera utilizzare (incluso il modello generico).
-
Se il frammento di contenuto è pubblicato, puoi anche visualizzare e copiare il relativo URL di anteprima e URL di pubblicazione.
Ad esempio, anteprima con il modello generico:
Distribuire il frammento di contenuto visivo deliver-your-visual-content-fragment
Il frammento di contenuto visivo può essere distribuito a una serie di destinazioni in formato HTML.
Consegna al browser deliver-to-the-browser
Copia l’URL di anteprima o l’URL di pubblicazione. Accedi direttamente al browser per visualizzare il frammento di contenuto visivo.
Consegna a Edge Delivery Services deliver-to-edge-delivery-services
Puoi distribuire il frammento visivo in una pagina del servizio Edge Delivery (EDS).
Consegna a una pagina AEM deliver-to-an-AEM-page
Puoi distribuire il frammento di contenuto visivo in una pagina AEM utilizzando il Componente core: Frammento di contenuto.
Durante la configurazione di un frammento di contenuto componente nella pagina:
-
Specifica il frammento di contenuto richiesto.
-
Seleziona Visualizzazione frammento di contenuto.
-
Seleziona il Modello di visualizzazione richiesto dall’elenco a discesa.
-
Il frammento visivo verrà visualizzato nella pagina.
Scarica il modello download-your-template
Per scaricare il modello HTML da AEM:
-
Nella console Frammenti di contenuto apri la scheda per Modelli per frammenti di contenuto.
-
Passa alla posizione del modello di frammento.
-
Seleziona l’icona delle informazioni (i) per il modello richiesto:
Viene visualizzato il pannello a destra.
-
Scorri verso il basso per visualizzare Modelli HTML.
-
Seleziona l’ellisse in base al modello da scaricare.
-
Seleziona Scarica.
-
Specificare il nome e il percorso del file.
-
Conferma con Salva.
Eliminare il modello delete-your-template
Per eliminare il nuovo modello HTML (da AEM):
-
Nella console Frammenti di contenuto apri la scheda per Modelli per frammenti di contenuto.
-
Passa alla posizione del modello di frammento.
-
Seleziona l’icona delle informazioni (i) per il modello richiesto:
Viene visualizzato il pannello a destra.
-
Scorri verso il basso per visualizzare Modelli HTML.
-
Seleziona l’ellisse in base al modello da scaricare.
-
Seleziona Elimina.
-
Nella finestra di dialogo seguente confermare l’azione con Elimina.