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.
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
{ "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" }
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
{ "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" }
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
{ "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" }
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
{ "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" }
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
{ "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" }