Accès et navigation dans l’éditeur universel navigating

Découvrez les principes de base de l’accès et de la navigation dans l’éditeur universel.

Présentation introduction

L’éditeur universel permet de modifier n’importe quel aspect de contenu dans n’importe quelle mise en œuvre pour que vous puissiez fournir des expériences exceptionnelles, d’augmenter la vitesse du contenu et d’offrir une expérience de développement à la pointe de la technologie.

Pour ce faire, l’éditeur universel offre aux auteurs de contenu une interface utilisateur intuitive qui nécessite une formation minimale pour simplement pouvoir intervenir et commencer à modifier le contenu. Ce document décrit comment naviguer dans l’éditeur universel.

Préparer l’application prepare-app

Pour créer du contenu pour une application à l’aide de l’éditeur universel, l’application doit être instrumentée par un développeur ou une développeuse afin de prendre en charge l’éditeur.

Accès à l’éditeur universel accessing

Une fois que l’application est instrumentée pour fonctionner avec l’éditeur universel, l’éditeur universel peut accéder à la fois à l’intérieur d’AEM as a Cloud Service et directement sans accéder à AEM.

Accès dans AEM as a Cloud Service accessing-aem

Accès direct accessing-directly

Présentation de l’interface utilisateur ui

L’interface utilisateur est divisée en deux zones principales.

En-tête Experience Cloud experience-cloud-header

L’en-tête Experience Cloud est toujours présent en haut de l’écran. Il s’agit d’une ancre de lien qui vous indique où vous vous trouvez dans Experience Cloud et vous aide à accéder à d’autres applications Experience Cloud.

Experience Manager experience-manager

Sélectionnez le lien Adobe Experience Cloud à gauche de l’en-tête pour accéder à la racine de votre solution Experience Manager et aux outils tels que Cloud Manager, Cloud Acceleration Manager et Distribution logicielle.

Organisation organization

L’organisation dans laquelle vous êtes actuellement connecté s’affiche. Sélectionnez cette option pour passer à une autre organisation si votre Adobe ID est associé à plusieurs.

Solutions solutions

Appuyez ou cliquez sur le sélecteur de solutions pour accéder rapidement à d’autres solutions Experience Cloud.

Aide help

L’icône d’aide permet d’accéder rapidement aux ressources d’apprentissage et d’assistance.

Notifications notifications

Cette icône comporte un badge avec le nombre de notifications incomplètes actuellement attribuées.

Propriétés de l’utilisateur ou de l’utilisatrice user-properties

Appuyez ou cliquez sur l’icône qui représente votre utilisateur ou votre utilisatrice pour accéder à vos paramètres d’utilisateur ou d’utilisatrice. Si vous n’avez configuré aucune image d’utilisateur ou d’utilisatrice, une icône est attribuée de manière aléatoire.

Barre d’outils de l’éditeur universel universal-editor-toolbar

La barre d’outils de l’éditeur universel est toujours présente en haut de l’écran, juste sous l’en-tête de l’Experience Cloud. Il vous permet d’accéder rapidement à une autre page à modifier et de publier la page active.

Bouton Accueil home-button

Le bouton d’accueil vous renvoie à la page de début de l’éditeur universel.

Sur la page de début, vous pouvez saisir l’URL du site à modifier à l’aide de l’éditeur universel.

Barre d’emplacement location-bar

La barre d’emplacement affiche l’adresse de la page que vous modifiez. Sélectionnez cette option pour saisir l’adresse d’une autre page à modifier.

Paramètres d’en-tête d’authentification authentication-settings

Sélectionnez l'icône des paramètres d'en-tête d'authentification si vous devez définir un en-tête d'authentification personnalisé à des fins de développement local.

Paramètres de l'émulateur emulator

Sélectionnez l’icône d’émulation pour définir comment l’éditeur universel effectue le rendu de la page.

Appuyez ou cliquez sur l’icône d’émulation pour afficher les options.

Par défaut, l’éditeur s’ouvre dans la mise en page pour ordinateur où la hauteur et la largeur sont automatiquement définies par le navigateur.

Vous pouvez également choisir d’émuler un appareil mobile et dans l’éditeur universel :

Mode Aperçu preview-mode

En mode Aperçu, la page rendue dans l’éditeur est telle qu’elle apparaîtrait sur votre service publié. Cela permet à l’auteur de contenu de parcourir le contenu en cliquant sur des liens, etc.

Ouvrir l’aperçu de l’application open-app-preview

Sélectionnez l’icône d’aperçu de l’application ouverte pour ouvrir la page que vous êtes en train de modifier dans son propre onglet de navigateur, sans l’éditeur pour prévisualiser votre contenu.

Publier publish

Sélectionnez le bouton Publier pour que vous puissiez publier les modifications apportées au contenu en direct pour que vos lecteurs puissent les utiliser.

Ellipse ellipsis

D’autres options standard sont accessibles à l’aide du bouton représentant des points de suspension.

Par exemple, la possibilité d’annuler la publication d’une page (c’est-à-dire d’inverser l’action du bouton Publish) est accessible via le bouton représentant des points de suspension.

Boutons supplémentaires additional-toolbar-buttons

Universal Editor offre une expérience de création personnalisable et extensible. Si d’autres boutons s’affichent dans la barre d’outils, votre éditeur universel a été étendu.

L’éditeur editor

L’éditeur occupe la plupart de la fenêtre et est l’endroit où la page spécifiée dans la barre d’emplacement est rendue.

Si l’éditeur est en mode aperçu, le contenu est navigable et vous pouvez suivre les liens, mais vous ne pouvez pas modifier le contenu.

Rail des propriétés properties-rail

Le rail des propriétés est toujours présent le long du côté droit de l’éditeur. En fonction de son mode, il peut afficher les détails d’un composant sélectionné dans le contenu ou la hiérarchie du contenu de la page.

Mode Propriétés properties-mode

En mode Propriétés, le rail affiche les propriétés du composant actuellement sélectionné dans l’éditeur. Il s’agit du mode par défaut du rail des propriétés lorsqu’une page est chargée.

Selon le type de composant sélectionné, les détails peuvent être affichés et modifiés dans le rail des propriétés.

Tous les composants ne comportent pas de détails qui peuvent être affichés et/ou modifiés.

Mode Arborescence de contenu content-tree-mode

En mode Arborescence de contenu, le rail affiche la hiérarchie du contenu de la page.

Lors de la sélection d’un élément dans l’arborescence de contenu, l’éditeur fait défiler le contenu jusqu’à ce qu’il le sélectionne.

Ouvrir dans l’éditeur CF edit

Lors de la modification, les options du composant sélectionné s’affichent dans le rail des propriétés, où vous pouvez modifier le composant sélectionné. Si le composant sélectionné est un fragment de contenu, vous pouvez également sélectionner le bouton Ouvrir dans l’éditeur CF.

Appuyez ou cliquez sur le bouton Ouvrir dans l’éditeur de fragment de contenu pour ouvrir l’ éditeur de fragment de contenu dans un nouvel onglet. Cela vous permet d’accéder à toute la puissance de l’éditeur de fragments de contenu pour modifier le fragment de contenu associé.

Selon les besoins de votre workflow, vous pouvez modifier le fragment de contenu dans l’éditeur universel ou directement dans l’éditeur de fragment de contenu.

Ajouter add

Si vous sélectionnez un composant de conteneur dans l’arborescence de contenu ou dans l’éditeur, l’option d’ajout s’affiche sur le rail des propriétés.

Appuyez ou cliquez sur le bouton Ajouter pour ouvrir un menu déroulant des composants disponibles pour ajouter au conteneur sélectionné.

Supprimer delete

Si vous sélectionnez un composant dans un composant de conteneur dans l’arborescence de contenu ou dans l’éditeur, l’option de suppression s’affiche sur le rail des propriétés.

Appuyez ou cliquez sur le bouton de suppression pour supprimer le composant.

Boutons supplémentaires additional-properties-rail-buttons

Universal Editor offre une expérience de création personnalisable et extensible. Si d’autres boutons s’affichent dans le rail des propriétés, votre éditeur universel a été étendu.

Étapes suivantes next-steps

Maintenant que vous savez comment accéder à l’éditeur universel et naviguer dans celui-ci, vous êtes prêt à créer du contenu à l’aide de cet éditeur.