Accès à l’éditeur universel et navigation dans cet éditeur 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 fournit aux personnes en charge de la création de contenu une interface utilisateur intuitive qui nécessite une formation minimale pour se lancer 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 être accessible à la fois dans 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 ces 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 d’entre elles.

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 contient un badge indiquant 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 en dessous en-tête Experience Cloud. Il vous permet d’accéder rapidement à une autre page à modifier et de publier la page active.

Le Bouton Accueil home-button

Le bouton Accueil vous renvoie à la page de démarrage de l’éditeur universel

Sur la page de démarrage, 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 la manière dont 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 une disposition de bureau 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 Ouvrir l’aperçu de l’application pour ouvrir la page que vous êtes en train de modifier dans son propre onglet de navigateur, sans passer par l’éditeur pour prévisualiser votre contenu.

Publication publish

Sélectionnez le bouton Publier afin de publier les modifications apportées au contenu dynamique pour que vos lecteurs et lectrices puissent les utiliser.

Points de suspension ellipsis

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

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

Boutons supplémentaires additional-toolbar-buttons

L’éditeur universel offre une expérience de création personnalisable et extensible. Si vous voyez des boutons supplémentaires dans la barre d’outils, cela signifie que votre éditeur universel a été étendu.

L’éditeur editor

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

Si l’éditeur se trouve en mode Aperçu, le contenu peut être parcouru et vous pouvez suivre les liens, mais vous ne pouvez pas modifier le contenu.

Panneau Propriétés properties-rail

Le panneau Propriétés est toujours présent le long du côté droit de l’éditeur. Selon 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 panneau affiche les propriétés du composant actuellement sélectionné dans l’éditeur. Il s’agit du mode par défaut du panneau Propriétés lorsqu’une page est chargée.

Selon le type de composant que vous sélectionnez, les détails peuvent être affichés et modifiés dans le panneau des propriétés.

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

Mode Arborescence de contenu content-tree-mode

En mode d’arborescence de contenu, le panneau affiche la hiérarchie du contenu de la page.

Lorsque vous sélectionnez un élément dans l’arborescence de contenu, l’éditeur fait défiler l’écran jusqu’à ce contenu et le sélectionne.

Ouvrir dans l’éditeur CF edit

Lors de la modification, les options du composant sélectionné s’affichent dans le panneau 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 CF Editor.

Appuyez ou cliquez sur le bouton Ouvrir dans l’éditeur CF pour ouvrir l’éditeur de fragment de contenu dans un nouvel onglet. Vous pouvez ainsi accéder à toute la puissance de l’éditeur de fragment 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 apparaît dans le panneau Propriétés.

Appuyez ou cliquez sur le bouton Ajouter pour ouvrir un menu déroulant de composants que vous pouvez ajouter au conteneur sélectionné.

Doublon duplicate

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

Appuyez ou cliquez sur le bouton Dupliquer duplique le composant 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 dans le panneau Propriétés.

Appuyez ou cliquez sur le bouton Supprimer supprime le composant.

Boutons supplémentaires additional-properties-rail-buttons

L’éditeur universel offre une expérience de création personnalisable et extensible. Si vous voyez des boutons supplémentaires dans le panneau des propriétés, cela signifie que 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 celui-ci.