Adaptieve sjabloonrendering adaptive-template-rendering
De adaptieve sjabloonrendering biedt een manier om een pagina met variaties te beheren. Oorspronkelijk handig om verschillende HTML-uitvoer voor mobiele apparaten te leveren (bijvoorbeeld functielefoon versus smartphone), is deze functie nuttig wanneer ervaringen moeten worden geleverd aan verschillende apparaten die verschillende markeringen of HTML-uitvoer nodig hebben.
Overzicht overview
De malplaatjes worden over het algemeen gebouwd rond een ontvankelijk net, en de pagina's die op deze malplaatjes worden gecreeerd volledig ontvankelijk zijn, die automatisch aan viewport van het cliëntapparaat aanpassen. Met behulp van de werkbalk Emulator in de pagina-editor kunnen auteurs lay-outs richten op specifieke apparaten.
Het is ook mogelijk om sjablonen in te stellen ter ondersteuning van adaptieve rendering. Wanneer apparaatgroepen correct zijn geconfigureerd, wordt de pagina weergegeven met een andere kiezer in de URL wanneer een apparaat wordt geselecteerd in de emulatormodus. Met behulp van een kiezer kan een specifieke pagina-rendering rechtstreeks via de URL worden aangeroepen.
Onthoud dat u apparaatgroepen instelt:
- Elk apparaat moet in minstens één apparatengroep zijn.
- Een apparaat kan zich in meerdere apparaatgroepen bevinden.
- Omdat apparaten zich in meerdere apparaatgroepen kunnen bevinden, kunnen kiezers worden gecombineerd.
- De combinatie van kiezers wordt van boven naar beneden geëvalueerd, aangezien ze in de opslagplaats blijven bestaan.
Configuratie configuration
Aangepaste renderingkiezers kunnen worden geconfigureerd voor bestaande apparaatgroepen of voor groepen die u zelf hebt gemaakt.
Voor dit voorbeeld gaan we de bestaande apparaatgroep configureren Slimme telefoons om een aangepaste renderingkiezer als onderdeel van de Experience Page template in We.Retail.
-
Bewerk de apparaatgroep waarvoor een adaptieve kiezer nodig is in
http://localhost:4502/miscadmin#/etc/mobile/groupsDe optie instellen Emulator uitschakelen en opslaan.
-
De kiezer is beschikbaar voor de Blackberry en iPhone 4 voorzien de apparatengroep Slimme telefoon wordt in de volgende stappen toegevoegd aan de sjabloon- en paginastructuren.
-
Gebruikend CRX DE Lite, sta de apparatengroep toe die op uw malplaatje wordt gebruikt door het aan het multi-waardebezit van het koord toe te voegen
cq:deviceGroupsover de structuur van de sjabloon./conf/<your-site>/settings/wcm/templates/<your-template>/structure/jcr:contentAls we bijvoorbeeld de apparaatgroep Slimme telefoon willen toevoegen:
/conf/we-retail/settings/wcm/templates/experience-page/structure/jcr:content
-
Gebruikend CRX DE Lite, sta de apparatengroep toe om op uw plaats worden gebruikt door het aan het multi-waardebezit van het koord toe te voegen
cq:deviceGroupsop de structuur van uw site./content/<your-site>/jcr:contentAls we bijvoorbeeld de Slimme telefoon apparaatgroep:
/content/we-retail/jcr:content
Nu wanneer u de emulator in de pagina-editor (bijvoorbeeld wanneer de lay-out wijzigen) en u kiest een apparaat van de geconfigureerde apparaatgroep, wordt de pagina weergegeven met een kiezer als onderdeel van de URL.
In ons voorbeeld, wanneer het uitgeven van een pagina die op Experience Page sjabloon, en iPhone 4 kiezen in de emulator, wordt de pagina weergegeven inclusief de kiezer als arctic-surfing-in-lofoten.smart.html in plaats van arctic-surfing-in-lofoten.html
De pagina kan ook rechtstreeks worden aangeroepen met deze kiezer.
