Création avancée dans AEM Sites

Vous connaissez les bases, il ne vous reste plus qu’à développer vos compétences pour exploiter pleinement vos solutions. Ce guide étape par étape vous montre comment créer plus de valeur grâce à Adobe Experience Manager.

https://video.tv.adobe.com/v/340442?learn=on

Utiliser le système de style avec AEM Sites

Utiliser le système de style avec AEM Sites

Le système de style d’Adobe Experience Manager permet de créer des variantes visuelles des composants sans développement back-end. À la clé, une meilleure réutilisation des composants AEM et une création de contenu plus polyvalente et efficace. Le système de style, utilisé conjointement avec les composants principaux d’AEM, l’éditeur de modèles et la disposition réactive, offre des fonctionnalités puissantes dédiées à l’élaboration rapide d’expériences hautes en couleur.

190

https://video.tv.adobe.com/vc/340442/fre_fr.json

{ "description": "Le système de style d’Adobe Experience Manager permet de créer des variantes visuelles des composants sans développement back-end. À la clé, une meilleure réutilisation des composants AEM et une création de contenu plus polyvalente et efficace. Le système de style, utilisé conjointement avec les composants principaux d’AEM, l’éditeur de modèles et la disposition réactive, offre des fonctionnalités puissantes dédiées à l’élaboration rapide d’expériences hautes en couleur.", "duration": "PT0H3M10S", "embedUrl": "https://video.tv.adobe.com/v/340442/", "name": "Utiliser le système de style avec AEM Sites", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117071-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117071-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117072-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117072-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117073-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117073-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117073-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117074-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117074-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117075-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117075-960x540.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/ddcd88fd-59ee-4ed6-9cd7-5483c8da3dba/fdc2432e295f478a97b276d33750adce_1645117076-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-02-17T16:54:30Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "Utiliser le système de style avec AEM Sites" }

https://video.tv.adobe.com/v/37166?learn=on

Présentation de la disposition réactive avec AEM Sites

Présentation de la disposition réactive avec AEM Sites

AEM met à votre disposition une disposition réactive pour vos pages à l’aide du composant conteneur de disposition. Avec la disposition réactive, les créateurs et créatrices de contenu peuvent créer du contenu réactif pour différents appareils et prévisualiser l’expérience de la personne utilisatrice finale dans AEM.

360

https://video.tv.adobe.com/vc/37166/fre_fr.json

{ "description": "AEM met à votre disposition une disposition réactive pour vos pages à l’aide du composant conteneur de disposition. Avec la disposition réactive, les créateurs et créatrices de contenu peuvent créer du contenu réactif pour différents appareils et prévisualiser l’expérience de la personne utilisatrice finale dans AEM.", "duration": "PT0H6M0S", "embedUrl": "https://video.tv.adobe.com/v/37166/", "name": "Présentation de la disposition réactive avec AEM Sites", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977338-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977338-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977339-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977339-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977339-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977339-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977339-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977339-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977340-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977340-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977340-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/b81e08f6-4ed5-4468-b5ae-0e6f1f6701cc/c53e960fe29748d199ef553149fe4c58_1594977340-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-07-17T09:09:57Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "Présentation de la disposition réactive avec AEM Sites" }

https://video.tv.adobe.com/v/346064?learn=on

Diffusion d’images optimisée pour le web

Diffusion d’images optimisée pour le web

Découvrez comment activer la diffusion d’images optimisée pour le web sur AEM as a Cloud Service Sites à l’aide des composants principaux AEM.

357

https://video.tv.adobe.com/vc/346064/fre_fr.json

{ "description": "Découvrez comment activer la diffusion d’images optimisée pour le web sur AEM as a Cloud Service Sites à l’aide des composants principaux AEM.", "duration": "PT0H5M57S", "embedUrl": "https://video.tv.adobe.com/v/346064/", "name": "Diffusion d’images optimisée pour le web", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148374-100x56.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148374-150x84.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148375-200x113.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148376-220x124.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148377-236x133.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148378-290x186.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148379-420x236.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148381-640x360.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148381-666x374.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148382-720x405.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148382-960x540.jpg", "https://images-tv.adobe.com/mpcv3/cc754911-0491-4f92-b23b-01df4aa3d9e2/cdc2f9d8-9e9d-4db8-af4c-306be46b393b/61c529e945f04a7b95aaeb7b2a049d74_1660148383-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-08-10T16:15:42Z", "hasPart": [], "educationLevel": [ "Intermediate" ], "learningResourceType": "Diffusion d’images optimisée pour le web" }

https://video.tv.adobe.com/v/36785?learn=on

Utiliser la différence de page avec AEM Sites

Utiliser la différence de page avec AEM Sites

Les fonctionnalités de différence de page d’AEM Sites affichent une vue rapide et codée en couleur de ce qui a changé dans le contenu d’une page (version, Live Copy, lancements, copie de langue).

281

https://video.tv.adobe.com/vc/36785/fre_fr.json

{ "description": "Les fonctionnalités de différence de page d’AEM Sites affichent une vue rapide et codée en couleur de ce qui a changé dans le contenu d’une page (version, Live Copy, lancements, copie de langue).", "duration": "PT0H4M41S", "embedUrl": "https://video.tv.adobe.com/v/36785/", "name": "Utiliser la différence de page avec AEM Sites", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889041-100x56.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889041-150x84.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889041-200x113.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889042-220x124.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889042-236x133.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889043-290x186.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889043-420x236.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889043-640x360.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889043-666x374.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889043-720x405.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889044-1920x1080.jpg", "https://images-tv.adobe.com/mpcv3/83df592c-0019-4a8c-b00d-2ebe28093024/8bd8bf96-eed5-45f9-822a-19208c0d383d/806fcfc0f4914710b479d22e8e88334c_1594889044-960x540.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2020-07-16T08:39:40Z", "hasPart": [], "educationLevel": [ "Beginner" ], "learningResourceType": "Utiliser la différence de page avec AEM Sites" }

https://video.tv.adobe.com/v/346838?learn=on

Utiliser les lancements dans AEM Sites

Utiliser les lancements dans AEM Sites

Les lancements dans AEM Sites permettent de créer, de rédiger et de revoir du contenu en vue d’une version ultérieure.

373

https://video.tv.adobe.com/vc/346838/fre_fr.json

{ "description": "Les lancements dans AEM Sites permettent de créer, de rédiger et de revoir du contenu en vue d’une version ultérieure.", "duration": "PT0H6M13S", "embedUrl": "https://video.tv.adobe.com/v/346838/", "name": "Utiliser les lancements dans AEM Sites", "thumbnailUrl": [ "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946911-100x56.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946912-150x85.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946912-200x113.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946912-220x124.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946912-236x133.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946913-290x163.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946913-420x236.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946913-640x360.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946913-666x375.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946913-720x405.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946913-960x540.jpg", "https://images-tv.adobe.com/mpcv3/bdc332ce-3e7a-429d-87b2-42548446b7ba/9a25962d-7376-4a42-9d62-6c0ff0a3101d/8633de7f1980412e98e658f89cba3b95_1661946914-1920x1080.jpg" ], "@type": [ "VideoObject", "LearningResource" ], "uploadDate": "2022-08-31T11:51:57Z", "hasPart": [], "educationLevel": [ "Intermediate", "Experienced" ], "learningResourceType": "Utiliser les lancements dans AEM Sites" }