Taser-component (v1)

De component van de Teaser Component van de Kern kan een beeld, een titel, rijke-tekst, en naar keuze verbinding aan verdere inhoud tonen.

Gebruik

Met de component Taser kan de auteur van de inhoud eenvoudig een gummetje maken om inhoud te verfraaien met een afbeelding, titel of tekst met opmaak en een koppeling naar andere inhoud of andere handelingen tot stand te brengen.

De sjabloonauteur kan de opdracht ontwerpdialoogvenster om te bepalen als de opties om vraag-aan-acties tot stand te brengen en verbindingen toe te voegen beschikbaar zijn evenals het onbruikbaar maken van diverse vertoningsopties. De auteur van de inhoud kan de dialoogvenster configureren om een afbeelding in te stellen, CTA's te definiëren, titels en beschrijvingen in te stellen en koppelingen naar het afzonderlijke Taser te configureren. De dialoogvenster bewerken van de Afbeeldingscomponent kan worden geopend om de teasafbeelding te wijzigen.

Versie en compatibiliteit

In dit document wordt versie 1 van de Teaser Component beschreven. Deze versie is in juli 2018 geïntroduceerd met versie 2.1.0 van de Core Components.

Uitvoer van voorbeeldcomponent

Als u de Taser-component wilt ervaren en voorbeelden wilt zien van de configuratieopties en van de HTML- en JSON-uitvoer, gaat u naar de Componentbibliotheek.

Technische details

De meest recente technische documentatie over de Teaser Component kan op GitHub worden gevonden.

Meer informatie over het ontwikkelen van kerncomponenten vindt u in de Documentatie voor ontwikkelaars van kerncomponenten.

Dialoogvenster configureren

De auteur van de inhoud kan het dialoogvenster Configure gebruiken om de eigenschappen van de afzonderlijke teaser te definiëren. Er is ook een dialoogvenster bewerken om de laserafbeelding te wijzigen als deze is geselecteerd.

Afbeelding

• Afbeeldingselement
  • Middelen uit het deelvenster middelenbrowser of tik op doorbladeren uploaden vanuit een lokaal bestandssysteem.
  • Tik of klik op Wissen om de selectie van de geselecteerde afbeelding op te heffen.
  • Tik of klik op Bewerken tot de uitvoeringen van het actief beheren in de middeleneditor.

Tekst

• Pretitle - De voortitel wordt vóór de titel van de taser weergegeven.
• Titel - Definieert een titel die moet worden weergegeven als de kop voor het gummetje.
  • Titel ophalen van gekoppelde pagina - Als deze optie is ingeschakeld, wordt de titel van de gekoppelde pagina ingevuld.
• Beschrijving - Definieert een beschrijving die moet worden weergegeven als subcode van het gummetje.
  • Beschrijving ophalen van gekoppelde pagina - Als deze optie is ingeschakeld, wordt de beschrijving gevuld met de beschrijving van de gekoppelde pagina.
• ID - Met deze optie kunt u de unieke id van de component in de HTML en in de Gegevenslaag.
  • Als deze leeg blijft, wordt automatisch een unieke id voor u gegenereerd. U kunt deze vinden door de resulterende pagina te inspecteren.
  • Als een id is opgegeven, is het de verantwoordelijkheid van de auteur om ervoor te zorgen dat deze uniek is.
  • Het wijzigen van de id kan gevolgen hebben voor het bijhouden van CSS-, JS- en gegevenslagen.

Koppelingen en handelingen

• Koppeling - Koppeling toegepast op het gummetje. Gebruik de padbrowser om het doel van de koppeling te selecteren.
• Vraag-aan-Acties toelaten - Wanneer gecontroleerd, laat definitie van vraag-aan-Acties toe. De eerste vraag-aan-actie verbinding in de lijst wordt gebruikt als verbinding voor andere teaser elementen.

Dialoogvenster Bewerken

De component Teaser delegeert het renderen van afbeeldingen aan de Afbeeldingscomponent. Daarom dialoogvenster bewerken van de Afbeeldingscomponent is beschikbaar voor de auteur van de inhoud om de laserafbeelding te bewerken.

Ontwerpdialoogvenster

In het ontwerpdialoogvenster kan de sjabloonauteur de teasopties definiëren die de auteur van de inhoud heeft bij het gebruik van deze component.

Taser Tab

• Oproep tot actie
  • Schakel Vraag-aan-Acties onbruikbaar - Verberg de Oproep tot actie optie voor auteurs van inhoud
• Elementen
  • Voortitel verbergen - Verbergt de Pretitle optie voor auteurs van inhoud
  • Titel verbergen - Verbergt de Titel optie voor auteurs van inhoud
    • Als u Type titel is verborgen
  • Beschrijving verbergen - Verberg de Beschrijving optie voor auteurs van inhoud
• Type titel - Definieert de tag H die moet worden gebruikt door de titel van het gummetje.
• Koppelingen
  • Koppel de afbeelding niet - Als deze optie is geselecteerd, wordt de laserafbeelding niet gekoppeld
  • Koppel de titel niet - Als deze optie is geselecteerd, is de lasertitel niet gekoppeld
• Afbeelding delegeren - Informatieweergave die aangeeft aan welke component de Taser de beeldverwerking delegeert.

Tabblad Stijlen

De component Taser ondersteunt de AEM Stijlsysteem.

Gegevenslaag Adobe-client

De component Teaser ondersteunt de Adobe Client Data Layer.