Teaser Component (v1)

Core Component Teaser Component Component Component kan visa en bild, en titel, RTF-text och eventuellt länka till ytterligare innehåll.

Användning

Teaser Component (Teaser Component) gör det enkelt för innehållsförfattaren att skapa ett suddgummi för ytterligare innehåll med hjälp av en bild, en titel eller formaterad text och länka till ytterligare innehåll eller andra åtgärder.

Mallförfattaren kan använda designdialogruta för att definiera om alternativen för att skapa anrop till åtgärder och lägga till länkar är tillgängliga samt inaktivera olika visningsalternativ. Innehållsförfattaren kan använda konfigurera dialogruta för att ställa in en bild, definiera CTA, ange titlar och beskrivningar och konfigurera länkar till den enskilda teaser. The redigeringsdialogruta i Bildkomponent kan användas för att ändra suddgummibilden.

Version och kompatibilitet

I det här dokumentet beskrivs v1 av Teaser Component, som introducerades i version 2.1.0 av Core Components i juli 2018.

Exempel på komponentutdata

Om du vill se både Teaser Component och exempel på dess konfigurationsalternativ samt HTML och JSON-utdata går du till Komponentbibliotek.

Teknisk information

Den senaste tekniska dokumentationen om Teaser Component finns på GitHub.

Mer information om hur du utvecklar kärnkomponenter finns i Dokumentation för grundkomponentutvecklare.

Konfigurera dialogruta

Innehållsförfattaren kan använda dialogrutan Konfigurera för att definiera egenskaperna för det enskilda lagret. Det finns också en redigeringsdialogruta om du vill ändra suddgummibilden om en sådan är markerad.

Bild

• Bildresurs
  • Släpp en resurs från resursläsare eller tryck på bläddra om du vill överföra från ett lokalt filsystem.
  • Tryck eller klicka Rensa för att avmarkera den markerade bilden.
  • Tryck eller klicka Redigera till hantera återgivningar av resursen i resursredigeraren.

Text

• Förtitel - Förrubriken visas före teaser titel.
• Titel - Definierar en titel som ska visas som rubrik för suddgummit.
  • Hämta rubrik från länkad sida - När det här alternativet är markerat fylls rubriken i med den länkade sidans rubrik.
• Beskrivning - Definierar en beskrivning som ska visas som underrubrik till suddgummit.
  • Hämta beskrivning från länkad sida - När det här alternativet är markerat fylls beskrivningen i med den länkade sidans beskrivning.
• ID - Med det här alternativet kan du styra den unika identifieraren för komponenten i HTML och i Datalager.
  • Om inget anges genereras ett unikt ID automatiskt åt dig och du hittar det genom att granska den resulterande sidan.
  • Om ett ID anges är det författarens ansvar att se till att det är unikt.
  • Om du ändrar ID:t kan det påverka spårningen av CSS, JS och datalager.

Länkar och åtgärder

• Länk - Länken används på teaser. Använd sökvägsläsaren för att välja länkmålet.
• Aktivera anrop till åtgärder - När det här alternativet är markerat aktiveras definitionen av"Call-To-Actions". Den första Call-To-Action-länken i listan används som länk för andra teaserelement.

Dialogrutan Redigera

Teaser Component delegerar bildåtergivning till Bildkomponent. Därför redigeringsdialogruta av Image Component (Bildkomponent) är tillgängligt för innehållsförfattaren för att ändra den teaseravbildningen.

Designdialogruta

I designdialogrutan kan mallskaparen definiera de laseralternativ som innehållsförfattaren har när den här komponenten används.

Teaser Tab

• Call-to-actions
  • Inaktivera anrop till åtgärder - Dölj Call-to-actions alternativ för innehållsförfattare
• Element
  • Dölj pretitle - Döljer Förtitel alternativ för innehållsförfattare
  • Dölj titel - Döljer Titel alternativ för innehållsförfattare
    • När du har valt Titeltyp är dold
  • Dölj beskrivning - Dölj Beskrivning alternativ för innehållsförfattare
• Titeltyp - Definierar H-taggen som ska användas av teaser-titeln.
• Länkar
  • Länka inte bilden - När det här alternativet är markerat är suddgummibilden inte länkad
  • Länka inte titeln - När det här alternativet är markerat länkas inte teasertitel
• Bildombud - Informativ visning som anger vilken komponent Teaser delegerar bildhanteringen.

Fliken Format

Teaser Component har stöd för AEM Formatsystem.

Adobe-klientdatalager

Teaser Component har stöd för Adobe Client Data Layer.