DocumentatieAEMHandleiding AEM Screens

Componenten toevoegen aan een kanaal adding-components-to-a-channel

Last update: Fri Jul 12 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Gemaakt voor:

  • tussenpersoon
  • Beheerder
  • Ontwikkelaar

Componenten zijn de basiselementen van de AEM (Adobe Experience Manager)-ervaring. U kunt verschillende componenten gebruiken en deze aan uw kanaal toevoegen in een AEM Screens-project.

Componenten in AEM Screens components-in-aem-screens

AEM Screens biedt verschillende AEM componenten die in een Screens-project kunnen worden gebruikt.

AEM Screens-componenten weergeven viewing-aem-screens-components

Wanneer u een project van AEM Screens creeert, ziet u een lijst van standaardcomponenten die aan het project kunnen worden toegevoegd.

Voer de volgende stappen uit om de standaardcomponenten voor uw Screens-project weer te geven:

  1. Klik op het kanaal. Bijvoorbeeld, We.Retail In Store > Kanalen > Niet-actief Kanaal.

  2. Klik uitgeven van de actiebar.

  3. Klik in de AEM Editor op het pictogram + op de zijbalk.

  4. Alle componenten die door gebrek in een het projectvertoningen van AEM Screens inbegrepen zijn, zoals aangetoond in het hieronder cijfer.

screen_shot_2017-12-18at21350pm

Een nieuwe component toevoegen adding-a-new-component

AEM biedt diverse andere componenten. U kunt altijd andere componenten (die niet standaard zijn opgenomen) aan uw project toevoegen, omdat deze componenten compatibel zijn met AEM Screens.

In het volgende voorbeeld wordt de toevoeging van een component Livefyre aan een AEM Screens-project getoond:

  1. Klik op het kanaal waaraan u een component wilt toevoegen. Bijvoorbeeld, We.Retail In Store > Kanalen > Niet-actief Kanaal.

  2. Klik uitgeven van de actiebar.

  3. Klik wijze van het Ontwerp 0} {.

  4. Klik de volledige ontwerpredacteur op het recht en klik het montagessymbool zodat kunt u het Parsys de dialoogvakje van het Ontwerp openen.

  5. U kunt op de componenten klikken die u in uw AEM Screens-project wilt importeren. Het volgende voorbeeld toont de toevoeging van de Livefyre component aan een project van AEM Screens.

adding_components

NOTE
Op dezelfde manier kunt u om het even welk aantal andere nieuwe componenten toevoegen die met AEM Screens aan uw project compatibel zijn.

Schermcomponenten AEM understanding-aem-screen-components

In de volgende sectie worden de AEM Screens-componenten uitgelegd die u in uw project kunt gebruiken.

NOTE
Als u de eigenschappen van een component wilt weergeven, klikt u op de component en klikt u op het hamerpictogram om eigenschappen te openen/weergeven.

Toepassing application

De component van de Toepassing laat u een toepassing aan uw kanaal toevoegen.

De toepassingscomponent heeft de volgende eigenschappen:

Bezit
Beschrijving
Pad van de Toepassing
Klik op het absolute pad waar de toepassing bestaat.
Duur (milliseconden)
Klik op de duur van de toepassing. Standaard is de duur ingesteld op -1, wat betekent dat het element voorgoed wordt uitgevoerd (dat wil zeggen, één paginatoepassing). Wanneer u de waarde voor de duur > 0 instelt, wordt het element voor de opgegeven duur weergegeven en gaat u vervolgens naar de volgende waarde.

In het volgende voorbeeld wordt getoond hoe u een toepassingscomponent insluit samen met de voorvertoning van de eigenschappen ervan:

adding_componentsapplication

NOTE
Zie het bovenstaande voorbeeld om de eigenschappen van elk van de onderstaande componenten weer te geven.

Kanaal channel

De component van het Kanaal laat u een volledig kanaal aan uw project toevoegen.

De component Channel heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Kanaalpad
Selecteer dit absolute pad waar de toepassing bestaat.
Duur (milliseconden)
Selecteer de volledige duur van het kanaal. Wanneer u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.

Ingesloten pagina embedded-page

Een Ingebedde Pagina laat u een ingebedde pagina aan uw project toevoegen. Het kan bijvoorbeeld een webtoepassing of een productcatalogus zijn.

De ingesloten pagina heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Pad naar pagina
Selecteer dit absolute pad waar het kanaal bestaat.
Duur (milliseconden)
Selecteer de volledige duur van het kanaal. Wanneer u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.

Ingesloten reeks embedded-sequence

NOTE
Om in detail over ingebedde opeenvolgingen te leren, zie Ingesloten Reeksenonder de Authoring sectie van Screens.

Met een ingesloten reeks kunt u een ingesloten volgnummer toevoegen aan het bestaande kanaal (met andere elementen).

De ingesloten reeks heeft de volgende pagina-eigenschappen:

Eigenschap
Beschrijving
Kanaalpad
Selecteer de absolute weg van de opeenvolging die u in uw kanaal wilt omvatten.
Duur (milliseconden)
Selecteer de volledige duur van het kanaal. Wanneer u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.
Strategie
Plaats het aan origineel of enig . Het plaatsen van de waarde aan origineel betekent dat de verdere looppas volledig op elke cyclus van de ouderopeenvolging. De andere mogelijke waarde is enig . Bij een dergelijke waarde wordt slechts één item van de volgende reeks op elke reeks weergegeven. Bijvoorbeeld het eerste item op de eerste lus en het tweede item op de tweede lus.

Dynamische ingesloten reeks dynamic-embedded-sequence

Met een dynamische ingesloten reeks kunt u een reeks toevoegen die vergelijkbaar is met de bovenstaande reeks, behalve met de rol van het kanaal.

Meer over ingebedde opeenvolgingen leren, zie Ingesloten Reeksenonder de Authoring sectie van Screens.

De dynamische ingesloten reeks heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Rol van de Toewijzing van het Kanaal
Ga de kanaalrol in.
Duur (milliseconden)
Selecteer de volledige duur van het kanaal. Wanneer u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.
Strategie
Plaats het aan origineel of enig . Het plaatsen van de waarde aan origineel betekent dat de verdere looppas volledig op elke cyclus van de ouderopeenvolging. De andere mogelijke waarde is enig . Een dergelijke waarde zou slechts één item van de volgende waarde op elke run weergeven. Bijvoorbeeld het eerste item op de eerste lus en het tweede item op de tweede lus.

Ervaar fragment experience-fragment

Met een ervaringsfragment kunt u een Experience-fragment (een groep van een of meer componenten, waaronder inhoud en lay-out, waarnaar op pagina's kan worden verwezen) toevoegen aan uw AEM Screens-kanaal. Sleep de component naar AEM Editor en klik op Fragment van ervaring.

Meer over leren hoe te om een Fragment van de Ervaring tot stand te brengen en het op een project van AEM Screens toe te passen, zie Gebruikend de Fragmenten van de Ervaring.

exp

Bezit
Beschrijving
Fragment van de Ervaring
Fragment van de Ervaring
Selecteer het fragment van de Ervaring.
Duur
Selecteer de volledige duur van het ervaringsfragment dat in het kanaal wordt afgespeeld.
Offline Config
Cliënt-zijBibliotheken
JavaScript- en CSS-bestanden.
Statische Dossiers
Statische bestanden die u als offlineconfiguraties kunt toevoegen aan het ervaringsfragment.
NOTE
De cliënt-zijBibliotheken en Statische Dossiers die u van deze component toevoegt zijn naast reeds gevormde cliënt-zijBibliotheken en de Statische Dossiers die van de 6} Eigenschappen van het Fragment van de Ervaring worden toegevoegd.

Afbeelding image

Met een afbeelding kunt u een afbeelding aan het kanaal toevoegen.

De beeldactiva heeft drie lusjes namelijk Beeld, Toegankelijkheid, en Opeenvolging:

Bezit
Beschrijving
Beeld
Activa van het Beeld
Klik op het afbeeldingselement.
Titel
Titel van de afbeelding.
Verbinding aan
Voeg een koppeling toe aan de afbeelding.
Beschrijving
Korte beschrijving voor de afbeelding.
Grootte
Grootte van de afbeelding.
Toegankelijkheid
Alternatieve Tekst
Alternatieve tekst voor de afbeelding.
Opeenvolging
Duur
Door gebrek wordt de duur geplaatst aan 8000 milliseconden. Als u de playbackduur van het beeld wilt veranderen, werk het gebied van de Duur bij.

Overgang transition

Met de component Overgang kunt u een overgang toevoegen aan uw Screens-project.

In de volgende afbeelding ziet u de overgangscomponent (die wordt toegevoegd door slepen en neerzetten) in de editor.

screen_shot_2019-07-25at104237am

Klik het overgangspictogram en klik vormen (moersleutelpictogram) om het de dialoogvakje van de Overgang te openen. Dit dialoogvenster bevat drie tabbladen:

  • Overgang
  • Opeenvolging
  • Activering
NOTE
Standaard wordt de reeks ingesteld op 600 milliseconden. U kunt de overgangsopeenvolging aan andere waarden bijwerken gebruikend de Opeenvolging tabel.

overgang

De overgangscomponent heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Overgang
Type

Het type overgang tussen het element voor en na. Het overgangstype Type omvat de volgende opties:

  • Normaal
  • Vervagen
  • Inschuiven vanaf rechterkant
  • Inschuiven vanaf linkerkant
  • Inschuiven vanaf bovenkant
  • Inschuiven vanaf onderkant
Reeks
Duur
Selecteer de volledige duur van de overgang. De standaardwaarde is 600 milliseconden.
Activering
Actief van
Tijdstempel dat aangeeft vanaf wanneer de overgang actief kan zijn.
Actief tot
De tijdstempel geeft aan tot wanneer de overgang actief kan zijn.
Schema
Voeg een vooraf gedefinieerd schema toe.

Video video

Met de component Video kunt u een video toevoegen aan uw Screens-project.

De videocomponent heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Video-element
Klik op de koppeling naar de video.
Duur
Selecteer de duur van de video. Standaard is de duur ingesteld op -1, wat betekent dat het element altijd wordt uitgevoerd. Wanneer u de waarde voor de duur > 0 instelt, wordt het element voor de opgegeven duur weergegeven en gaat u vervolgens naar de volgende waarde.
Renderen

Als de videoaspectverhouding niet het scherm past, kunt u het teruggeven aanpassen aan of of behandelen bevatten.

Bevat betekent dat de volledige video wordt getoond en de ontbrekende gebieden met een zwarte grens worden opgevuld.

Omslag betekent dat de video volledige viewport behandelt, maar sommige delen die aan de kanten overstromen zijn verborgen.

Grootte
Grootte van de video.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053