Show Menu
TOPICS×

Componente teaser

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

Utilizzo

Il componente Teaser consente all’autore del contenuto di creare facilmente un teaser per ulteriore contenuto utilizzando un’immagine, un titolo o un RTF e collegando altri contenuti o altre azioni.
L’autore del modello può utilizzare la finestra di dialogo di progettazione per definire se sono disponibili le opzioni per creare le azioni di chiamata e aggiungere collegamenti, nonché per disattivare diverse opzioni di visualizzazione. L’autore del contenuto può utilizzare la finestra di dialogo di configurazione per impostare un’immagine, definire CTA, impostare titoli e descrizioni e configurare collegamenti al singolo teaser. Per modificare l’immagine teaser è possibile accedere alla finestra di dialogo di modifica del componente Componente immagine immagine.

Versione e compatibilità

La versione corrente del componente Teaser è v1, introdotto con la release 2.1.0 dei componenti core nel luglio 2018, ed è descritto in questo documento.
La tabella seguente elenca tutte le versioni supportate del componente, le versioni AEM con cui sono compatibili le versioni del componente e i collegamenti alla documentazione delle versioni precedenti.
Versione componente
AEM 6.3
AEM 6.4
AEM 6.5
v1
Compatibile
Compatibile
Compatibile

Output componente di esempio

Per provare il componente Teaser e per vedere esempi delle relative opzioni di configurazione, nonché l’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 dei componenti core, consulta la documentazione per lo sviluppatore di componenti core.

Configura finestra di dialogo

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

Immagine

  • Risorsa immagine
    • Trascinate una risorsa dal browser delle risorse o toccate l'opzione
      Sfoglia
      per caricarla da un file system locale.
    • Toccate o fate clic su
      Cancella
      per deselezionare l'immagine attualmente selezionata.
    • Toccate o fate clic su
      Modifica
      per gestire le rappresentazioni della risorsa nell’editor risorse.

Testo

  • Titolo
    Definisce un titolo da visualizzare come titolo del teaser.
  • Ottieni titolo dalla pagina
    collegata Se questa opzione è selezionata, il titolo verrà popolato con il titolo della pagina collegata.
  • Descrizione
    Definisce una descrizione da visualizzare come sottovoce del teaser.
  • Ottieni descrizione dalla pagina
    collegata Se questa opzione è selezionata, la descrizione della pagina collegata verrà compilata con la relativa descrizione.

Edit Dialog

Il componente Teaser delega il rendering delle immagini al componente Componente immagine Immagine. Pertanto, la finestra di dialogo # modifica (image.md#edit-dialog del componente Immagine) è disponibile per l’autore del contenuto e può manipolare l’immagine teaser.

Finestra di dialogo Progettazione

La finestra di dialogo Progettazione consente all’autore del modello di definire le opzioni teaser di cui dispone l’autore del contenuto quando utilizza questo componente.

Scheda teaser

  • Inviti all'azione
    • Disattiva Call-To-Actions
      Nascondi l’opzione
      Call-To-Actions
      per gli autori dei contenuti
  • Elementi
    • Nascondi titolo
      • Nasconde l’opzione
        Titolo
        per gli autori di contenuti
      • Quando è selezionato il tipo
        di
        titolo è nascosto
    • Nascondi descrizione
      Nascondi l’opzione
      Descrizione
      per gli autori del contenuto
  • Tipo
    titolo Definisce il tag H da utilizzare per il titolo del teaser.
  • Collegamenti
    • Non collegare l’immagine
      Se selezionata, l’immagine teaser non è collegata
    • Non collegare il titolo
      Quando è selezionato, il titolo del teaser non è collegato

Scheda Stili

Il componente Teaser supporta AEM Style System .