Teaser-component teaser-component

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 usage

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 maken naar andere inhoud of andere handelingen.

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 version-and-compatibility

De huidige versie van de Taser Component is v2, die in februari 2022 werd geïntroduceerd met versie 2.18.0 van de Core Components, en in dit document wordt beschreven.

In de volgende tabel staan alle ondersteunde versies van de component, de AEM versies waarmee de versies van de component compatibel zijn en koppelingen naar documentatie voor vorige versies.

Componentversie
AEM 6,4
AEM 6,5
AEM as a Cloud Service
v2
-
Compatibel
Compatibel
v1
Compatibel
Compatibel
Compatibel

Next Generation Dynamic Media Support next-gen-dm

De component Teaser (vanaf release 2.23.2) biedt ondersteuning voor externe middelen van de volgende generatie, Dynamic Media.

Eenmaal geconfigureerd, u kunt middelen van de verre dienst van de Volgende Generatie Dynamic Media voor uw teaser component selecteren.

Uitvoer van voorbeeldcomponent sample-component-output

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 technical-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 configure-dialog

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.

Het tabblad Koppelingen in het dialoogvenster Bewerken van de component Teaser

De teastitel, beschrijving en afbeelding kunnen worden overgenomen van de gekoppelde pagina of van de pagina die is gekoppeld in de eerste aanroep naar de handeling. Als er geen koppeling of actielijn is opgegeven, worden de titel, beschrijving en afbeelding overgenomen van de huidige pagina.

  • Koppeling - Dit bestand is gekoppeld aan een inhoudspagina, externe URL of pagina-anker.
  • Koppeling openen op nieuw tabblad - Indien ingeschakeld, wordt de koppeling geopend in een nieuw browsertabblad.
  • Oproep tot actie - Met deze optie kunt u koppelingen naar meerdere doelen maken.
    • De pagina verbonden in de eerste vraag-aan-actie wordt gebruikt wanneer het erven van de teastitel, de beschrijving, of het beeld.

Tabblad Tekst text-tab

Het teksttabblad van het dialoogvenster Bewerken van de component Teaser

  • 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 taser.

    • 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.

Tabblad Element asset-tab

Het tabblad Afbeelding van het dialoogvenster Bewerken van de Teasercomponent

  • Weergegeven afbeelding overnemen van pagina - Gebruik de afbeelding die is gedefinieerd in de pagina-eigenschappen van de gekoppelde pagina of de huidige pagina als er geen is gevonden.

  • Afbeeldingselement - Middelen neerzetten vanaf de 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 Selecteren om de middelenbrowser om een afbeelding te selecteren.

      • Indien Dynamic Media-functies van de volgende generatie zijn ingeschakeld, hebt u meerdere opties voor het kiezen van een element:

        • Lokaal selecteert uit de lokale AEM elementenbibliotheek.
        • Extern selecteert uit een Dynamic Media-bibliotheek buiten uw AEM-instantie.
    • Tik of klik op Bewerken tot de uitvoeringen van het actief beheren in de middeleneditor.

  • Alternatieve tekst voor toegankelijkheid - In dit veld kunt u een beschrijving van de afbeelding definiëren voor visueel gehandicapte gebruikers.

    • Alternatieve tekst van pagina overnemen - Bij deze optie wordt de alternatieve beschrijving van de waarde van het gekoppelde element van de optie dc:description metagegevens in DAM of van de huidige pagina als er geen element is gekoppeld.
  • Geen alternatieve tekst bieden - Met deze optie wordt de afbeelding gemarkeerd om te worden genegeerd door ondersteunende hulpmiddelen, zoals schermlezers, wanneer de afbeelding zuiver decoratief is of anderszins geen aanvullende informatie naar de pagina overbrengt.

Tabblad Stijlen styles-tab-edit

Het tabblad Stijlen van het dialoogvenster voor het bewerken van de component Taser List

De component Taser ondersteunt de AEM Stijlsysteem..

Gebruik de vervolgkeuzelijst om de stijlen te selecteren die u op de component wilt toepassen. Selecties in het dialoogvenster Bewerken hebben hetzelfde effect als de selecties op de werkbalk van de component.

De stijlen moeten voor deze component in worden gevormd ontwerpdialoogvenster zodat het vervolgkeuzemenu beschikbaar is.

Dialoogvenster Bewerken edit-dialog

De component Teaser delegeert het renderen van afbeeldingen aan de Afbeeldingscomponent. Daarom [dialoogvenster bewerken] (/docs/experience-manager-core-components/using/wcm-components/image.md#edit-dialog van de component Image is beschikbaar voor de auteur van de inhoud om de teasafbeelding te bewerken.

Ontwerpdialoogvenster design-dialog

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 teaser-tab

Ontwerpdialoogvenster van de Teaser Component

  • 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
  • Standaardtiteltype - Definieert de tag H die moet worden gebruikt door de titel van de teaser.

  • Afbeelding delegeren - Informatieweergave die aangeeft aan welke component de Taser de beeldverwerking delegeert.

Tabblad Stijlen styles-tab

De component Taser ondersteunt de AEM Stijlsysteem.

Gegevenslaag client-Adobe data-layer

De component Teaser ondersteunt de Gegevenslaag client Adobe.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c