Layout med flera zoner multi-zone-layout
På följande sida beskrivs användningen av layout med flera zoner och följande avsnitt beskrivs:
- Ökning
- Skapa layout med flera zoner
- Förutsättningar
- Använda en Assets i en eller flera zoner
- Använda sekvensinnehåll i en eller flera zoner
Ökning overview
Med Layout med flera zoner kan du skapa innehåll med flera zoner och använda olika resurser, till exempel videoklipp, bilder och text som kan kombineras på en enda skärm. Du kan lägga in bilder, videor och text så att allt hänger ihop och skapar en intuitiv digital upplevelse.
Enligt projektkraven behöver du ibland flera zoner i en kanal och kan redigera dem som en enda heltäckande enhet. Till exempel en produktsekvens med en relaterad feed för sociala medier som körs i tre separata zoner på en enda kanal.
Förutsättningar prerequisites
Innan du börjar implementera den här funktionen måste du ha den konceptuella kunskapen om:
Skapa layout med flera zoner creating-multi-zone-layout
När du skapar en kanal kan du använda olika mallar för att skapa zoner i kanalen. Du kan lägga till en bild, video eller en inbäddad kanal som gör att flera resurser kan visas i en sekvens.
Skapar en kanal
-
Klicka på länken Adobe Experience Manager (överst till vänster) och sedan Screens. Du kan också gå direkt till:
http://localhost:4502/screens.html/content/screens
. -
Navigera till mappen Kanaler och klicka på Skapa i åtgärdsfältet.
-
Klicka på 1x2 Delad skärmkanal i guiden Skapa.
-
Klicka på Nästa och ange title som MultiZone.
-
Klicka på Skapa för att slutföra kanalskapandet.
Använda en Assets i en eller flera zoner using-single-assets-in-one-or-more-zones
Du kan använda enstaka resurser som en bild eller en video i alla enskilda zoner. Följ stegen nedan för implementering:
-
Lägger till innehåll i kanalen
- Navigera till Zones > Kanaler> MultiZone.
- Klicka på MultiZone-kanalen och klicka på Redigera i åtgärdsfältet.
-
Lägger till bilder i kanalen
Om du vill spela upp en enstaka bild eller en video i två zoner drar och släpper du bara en bild till varje zon i kanalredigeraren enligt bilden nedan:
Använda sekvensinnehåll i en eller flera zoner using-sequenced-content-in-one-or-more-zones
Om du vill att zonerna ska visa en bildsekvens och en video i olika zoner följer du stegen nedan för mer information.
-
Skapar en kanalmapp
- Navigera till Zones > MultiZone > Channel och klicka på Create i åtgärdsfältet.
- Klicka på Kanalmapp i guiden Skapa och klicka på Nästa.
- Ange titeln som EmbeddedChannels och klicka på Create.
-
Lägger till ytterligare två kanaler i kanalmappen
- Navigera till Zones > Channels > EmbeddedChannels och klicka på Create i åtgärdsfältet.
- Klicka på Sekvenskanal i guiden Skapa för att skapa en kanal med namnet
Zone1
. - Klicka på
Zone1
och klicka på Redigera i åtgärdsfältet. - Dra och släpp några bilder i den här kanalen.
- Skapa på samma sätt en annan sekvenskanal med namnet
Zone2
i mappen EmbeddedChannels . - Dra och släpp en video i den här kanalen.
I följande bild visas kanalerna
Zone1
ochZone2
:Bilderna som läggs till i redigeraren för
Zone1
-sekvenskanalen visas nedan:Videon som lagts till i redigeraren för sekvenskanalen
Zone2
visas nedan: -
Lägger till inbäddade sekvenser (komponent) i huvudkanalen (MultiZone)
-
Navigera till Zones > Kanaler > MultiZone.
-
Klicka på Redigera i åtgärdsfältet.
-
Dra och släpp komponenten Inbäddad sekvens till båda zonerna.
-
Klicka på den inbäddade sekvensen i någon av zonerna.
-
Klicka på ikonen Konfigurera (skiftnyckel) för att göra en av de inbäddade sekvenserna i redigeraren.
-
Klicka på kanalsökvägen som Zones > Channels > EmbeddedChannels >
Zone1
, vilket visas i bilden nedan. -
Lägg på samma sätt till
Zone2
i en annan inbäddad sekvenskomponent i redigeraren.
-
Skapa en plats och en visning creating-location
Skapa en plats och en skärm så att du kan visa innehållet i AEM Screens Player.
-
Skapar en plats
- Navigera till mappen Zones > Locations.
- Klicka på mappen Platser och klicka på Skapa i åtgärdsfältet.
- Klicka på Plats i guiden Skapa och klicka på Nästa.
- Ange Title som SanJose och klicka på Create.
-
Skapar en visning
- Navigera till mappen Zones > Locations.
- Klicka på platsen SanJose och klicka på Skapa i åtgärdsfältet.
- Klicka på Visa i guiden Skapa och klicka på Nästa.
- Ange Title som Lobby och klicka på Create.
Tilldela kanaler till visningen channel-channel
Tilldela kanalerna till visningen för att visa innehållet. Följ stegen nedan för att tilldela kanalen till visningen.
-
Tilldela kanal till skärmen
-
Navigera till Zones > Locations > SanJose> Lobby.
-
Klicka på visningen av lobbyn och klicka på Tilldela kanal i åtgärdsfältet.
-
Ange sökvägen till MultiZone-kanalen i Kanalsökväg.
-
Ange händelser som stöds som Inledande inläsning, Inaktivitetsskärm och Timer.
-
Klicka på Spara.
-
Tilldela på liknande sätt de andra två inbäddade kanalerna (
Zone1
ochZone2
) till den här visningen. -
När du har tilldelat alla tre kanalerna till Lobby-visningen bör du kunna visa de tilldelade kanalerna från kontrollpanelen.
note important IMPORTANT När du har tilldelat huvudkanalen (i det här fallet MultiZone) till visningen är det obligatoriskt att tilldela de andra två inbäddade kanalerna Zone1
ochZone2
även till samma skärm.
-
Registrerar enheten registering-device
När du har konfigurerat en plats och en skärm följer du stegen nedan för att registrera enheten och tilldela skärmen till enheten.
-
Registrerar enheten
-
Navigera till mappen Zones > Devices.
-
Klicka på mappen Enheter och klicka på Enhetshanteraren i åtgärdsfältet.
-
Klicka på Enhetsregistrering och klicka på den väntande enheten i listan.
note note NOTE Titeln på enheten måste matcha enhetstoken (Token-fältet) som visas på fliken Enhetsregistrering. -
Om titeln matchar enhetstoken klickar du på enheten och sedan på Registrera enhet i åtgärdsfältet.
-
Om registreringskoden matchar koden på fliken Device Registration i Screens Player klickar du på Validate i åtgärdsfältet.
-
Ange Titel som
Chrome-Device1
och klicka på Registrera. -
Klicka på Tilldela skärm och klicka på sökvägen till enhetskonfigurationen.
note note NOTE Om du försöker visa innehållet i Screens-spelaren ska du klicka på Uppdatera offlineinnehåll på kanalkontrollpanelen för var och en av de kanaler som är tilldelade till visningen. -
Visa resultatet viewing-the-result
När du implementerar layouter med flera zoner med de föregående stegen visas följande utdata.
Kontrollera Screens-spelaren så att du kan visa utdata som visar innehållet i två olika zoner. I den vänstra och högra zonen (båda används en inbäddad sekvens som en komponent).
Den vänstra zonen är en sekvenskanal och den högra zonen innehåller en video.