Componente Teaser

Il componente core Teaser può mostrare un’immagine, un titolo, un testo RTF e opzionalmente un collegamento ad altro contenuto.

Utilizzo

Il componente Teaser consente all’autore di contenuto di creare facilmente un teaser per ampliare il contenuto utilizzando un’immagine, un titolo o un testo RTF e anche collegamenti ad altro contenuto o altre azioni.

L’autore del modello può utilizzare la finestra di dialogo per progettazione per definire la disponibilità o meno di opzioni per la creazione di inviti all’azione e collegamenti nonché per disabilitare varie opzioni di visualizzazione. L’autore di contenuto può utilizzare la finestra di dialogo per configurazione per impostare un’immagine, definire inviti all’azione, impostare titoli e descrizioni e configurare collegamenti al singolo teaser. Per modificare l’immagine del teaser è possibile accedere alla finestra di dialogo per modifica del componente Immagine.

Versione e compatibilità

La versione corrente del componente Teaser è la v1, introdotta con la versione 2.1.0 dei Componenti core a luglio 2018, ed è quella descritta in questo documento.

La tabella che segue descrive tutte le versioni supportate del componente, le versioni di AEM con cui le versioni del componente sono compatibili e i collegamenti alla documentazione delle versioni precedenti.

Versione del componente AEM 6.4 AEM 6.5 AEM as a Cloud Service
v1 Compatibile Compatibile Compatibile

Esempio di output del componente

Per avere un’idea del componente Teaser e vedere esempi delle opzioni di configurazione e dell’output HTML e JSON, visita la libreria dei componenti.

Dettagli tecnici

La documentazione tecnica più recente sul componente Teaser è disponibile su GitHub.

Per ulteriori informazioni sullo sviluppo di Componenti core, vedi la documentazione per gli sviluppatori di Componenti core.

Finestra di dialogo per configurazione

L’autore di contenuto può utilizzare la finestra di dialogo per configurazione per definire le proprietà del singolo teaser. È inoltre disponibile una finestra di dialogo per modifica che consente di modificare l’immagine del teaser, se ne è stata selezionata una.

Immagine

Scheda Immagine della finestra di dialogo per modifica del componente Teaser

  • Risorsa immagine
    • Rilascia una risorsa dal browser di risorse oppure tocca l’opzione Sfoglia per caricarla da un file system locale.
    • Tocca o fai clic su Cancella per deselezionare l’immagine attualmente selezionata.
    • Tocca o fai clic su Modifica per gestire i rendering della risorsa nell’editor risorse.
NOTA

Le funzioni di Dynamic Media non sono attualmente disponibili nel componente Teaser.

Testo

Scheda Testo della finestra di dialogo per modifica del componente Teaser

  • Pretitolo: il pretitolo viene visualizzato prima del titolo del teaser.
  • Title: definisce un titolo da visualizzare come intestazione del teaser.
    • Ottieni titolo da pagina collegata: se questa opzione è selezionata, il titolo diventa quello della pagina collegata.
  • Descrizione: è una descrizione da visualizzare come sottotitolo del teaser.
    • Ottieni descrizione da pagina collegata: se questa opzione è selezionata, la descrizione diventa quella della pagina collegata.
  • ID: questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e in Data Layer.
    • Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
    • Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
    • La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Data Layer.

Scheda Collegamento e azioni della finestra di dialogo per modifica del componente Teaser

  • Collegamento: collegamento applicato al teaser. Utilizza il browser di percorsi per selezionare la destinazione del collegamento.
  • Abilita inviti all’azione: se questa opzione è selezionata, abilita la definizione di inviti all’azione. Il primo collegamento di invito all’azione presente nell’elenco viene utilizzato come collegamento per altri teaser.

Finestra di dialogo per modifica

Il componente Teaser delega il rendering dell’immagine al componente Immagine. Pertanto, la [finestra di dialogo per modifica] (/docs/experience-manager-core-components/using/components/image.html?lang=it#edit-dialog) del componente Immagine è disponibile per consentire all’autore di contenuto di manipolare l’immagine del teaser.

Finestra di dialogo per progettazione

La finestra di dialogo per progettazione consente all’autore del modello di definire le opzioni del teaser disponibili per l’autore di contenuto quando utilizza questo componente.

Scheda Teaser

Finestra di dialogo per progettazione del componente Teaser

  • Inviti all’azione
    • Disabili Inviti all’azione: nasconde Inviti all’azione di agli autori di contenuto
  • Elementi
    • Nascondi pretitolo: nasconde l’opzione Pretitolo agli autori di contenuto
    • Nascondi titolo: nasconde l’opzione Titolo agli autori di contenuto
      • Quando è selezionata, il tipo di titolo è nascosto
    • Nascondi descrizione: consente di nascondere l’opzione Descrizione a gli autori di contenuto
  • Tipo di titolo: definisce il tag H da utilizzare per il titolo del teaser.
  • Collegamenti
    • Non collegare l’immagine: se selezionata, l’immagine del teaser non viene collegata
    • Non collegare il titolo: se selezionata, il titolo del teaser non viene collegato
  • Delegato immagine: visualizzazione informativa che indica a quale componente il Teaser delega la gestione dell’immagine.

Scheda Stili

Il componente Teaser supporta il sistema di stili di AEM.

Adobe Client Data Layer

Il componente Teaser supporta Adobe Client Data Layer.

In questa pagina