Manipulation de base

Dernière mise à jour : 2023-11-21

Ce document donne un aperçu des opérations de gestion de base dans l’environnement de création d’AEM. Il utilise la console Sites comme base.

REMARQUE
  • Certaines fonctionnalités ne sont pas disponibles dans toutes les consoles et d’autres peuvent être disponibles dans certaines consoles uniquement. Vous trouverez des informations spécifiques et plus détaillées sur les consoles individuelles et leurs fonctionnalités associées sur d’autres pages.
  • Des raccourcis clavier sont disponibles dans toute l’application AEM, notamment lors de l’utilisation des consoles et de la modification de pages.

Pour créer du contenu AEM pour Edge Delivery Services, cliquez ici.

Interface utilisateur pour écrans tactiles

L’interface utilisateur d’AEM est adaptée aux écrans tactiles. Une interface tactile vous permet d’interagir avec le logiciel en appuyant sur l’écran, en maintenant la touche enfoncée et en le faisant glisser. L’interface utilisateur d’AEM étant tactile, vous pouvez utiliser les mouvements des doigts sur vos appareils tactiles, tels que votre téléphone mobile ou votre tablette. Cependant, les actions de la souris sur un poste de travail traditionnel sont également disponibles, ce qui vous offre davantage de flexibilité pour créer votre contenu.

Premiers pas

Une fois connecté, vous accédez au panneau de navigation. Sélectionnez l’une des options pour ouvrir la console correspondante.

Panneau de navigation

La console Sites est utilisée dans ce document pour garantir une bonne compréhension de l’utilisation de base d’AEM. Sélectionner sur Sites pour commencer.

Navigation dans le produit

Lorsqu’une personne utilisatrice accède à une console pour la première fois, un tutoriel sur la navigation dans le produit en question s’affiche. Prenez quelques instants pour obtenir un bon aperçu de la gestion de base des AEM.

Tutoriel de navigation

Sélectionner Suivant pour accéder à la page suivante de la présentation. Sélectionner Fermer ou sélectionnez en dehors de la boîte de dialogue de présentation à fermer.

Si vous ne désactivez pas l’option Ne plus afficher ce message, l’aperçu redémarrera la prochaine fois que vous accéderez à la console.

Pour passer d’une console à une autre, utilisez le panneau de navigation globale. Cela se déclenche sous la forme d’une liste déroulante plein écran lorsque vous sélectionnez le lien Adobe Experience Manager dans le coin supérieur gauche de l’écran.

Vous pouvez fermer le panneau de navigation globale en cliquant ou en appuyant sur Fermer pour revenir à votre position précédente.

Barre supérieure du panneau de navigation

La navigation globale se compose de deux panneaux, représentés par des icônes dans la marge gauche de l’écran :

  • Navigation : représenté par une boussole et le panneau par défaut lorsque vous vous connectez à AEM
  • Outils : représenté par un marteau

Consultez les options disponibles dans ces panneaux ci-dessous.

Panneau de navigation :

Panneau de navigation

Le titre de l’onglet du navigateur est mis à jour pour refléter votre emplacement lorsque vous naviguez dans les consoles et le contenu.

Les consoles suivantes sont disponibles à partir du panneau de navigation :

Console Objectif
Projets La console Projets vous donne un accès direct à vos projets. Les projets sont des tableaux de bord virtuels qui peuvent être utilisés pour créer une équipe. Vous pouvez ensuite donner à cette équipe un accès aux ressources, aux workflows et aux tâches, ce qui permet aux utilisateurs de travailler vers un objectif commun.
Sites Les consoles Sites permettent de créer, d’afficher et de gérer des sites exécutés sur votre instance AEM. Grâce à ces consoles, vous pouvez créer, modifier, copier, déplacer et supprimer des pages, démarrer des workflows et publier des pages.
Fragments d’expérience Un fragment d’expérience est une expérience autonome qui peut être réutilisée sur l’ensemble des canaux et qui présente des variations, ce qui vous évite de devoir copier et coller à plusieurs reprises des expériences ou des parties d’expériences.
Assets La console Ressources vous permet d’importer et de gérer des ressources numériques telles que des images, des vidéos, des documents et des fichiers audio. Ces ressources peuvent ensuite être utilisées par n’importe quel site s’exécutant sur la même instance AEM. Vous pouvez également créer et gérer des fragments de contenu à partir de la console Ressources.
Personnalisation Cette console propose un ensemble d’outils de création de contenu ciblé et de présentation d’expériences personnalisées.
Fragments de contenu Les Fragments de contenu vous permettent de concevoir, créer, organiser et publier du contenu indépendant des pages. Ils vous permettent de préparer du contenu structuré prêt à être utilisé à plusieurs emplacements/sur plusieurs canaux, idéal pour la création de pages et la diffusion headless.

Panneau Outils

Dans le panneau Outils se trouve un panneau latéral contenant un éventail de catégories, qui regroupe des consoles Outils similaires. Les consoles Outils vous donnent accès à plusieurs outils et consoles spécialisés pour la gestion des sites web, des ressources numériques et d’autres aspects du référentiel de contenu.

Panneau Outils

En-tête

L’en-tête est toujours présent en haut de l’écran. Bien que la plupart des options de l’en-tête restent les mêmes, quel que soit l’endroit où vous vous trouvez dans le système, certaines dépendent du contexte.

En-tête de navigation

  • Navigation globale

    Sélectionnez le lien Adobe Experience Manager pour naviguer entre les consoles.

    Navigation globale

  • Rechercher

    Icône Rechercher

    Vous pouvez également utiliser la touche de raccourci / (barre oblique) pour appeler la recherche à partir de n’importe quelle console.

  • Solutions

    Bouton Solutions

  • Aide

    Bouton Aide

  • Notifications

    Bouton Notifications

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

  • Propriétés de l’utilisateur

    Bouton Propriétés de l’utilisateur

  • Sélecteur de rail

    Bouton Sélecteur de rail

    Les options présentées dépendent de la console active. Par exemple, dans la console Sites, vous ne pouvez sélectionner que le contenu (valeur par défaut), la chronologie, les références ou le panneau latéral de filtrage.

    Exemple de sélecteur de rail

  • Chemin de navigation

    Chemin de navigation dans la barre de navigation

    Le chemin de navigation est situé au milieu du rail. Il affiche toujours la description de l’élément sélectionné et vous permet de naviguer au sein d’une console spécifique. Dans la console Sites, vous pouvez parcourir les différents niveaux de votre site web.

    Cliquez simplement sur le texte du chemin de navigation pour afficher une liste déroulante répertoriant les niveaux de la hiérarchie de l’élément actuellement sélectionné. Cliquez sur une entrée pour accéder à cet emplacement.

    Exemple de chemin de navigation développé

  • Bouton Créer

    Bouton Créer

    Une fois que vous cliquez dessus, les options affichées sont adaptées à la console ou au contexte.

  • Vues

    L’icône Vues se trouve à l’extrémité droite de la barre d’outils AEM. Comme elle indique également la vue actuelle, elle change. Par exemple, la vue par défaut, Mode Colonnes affiche :

    Bouton Vues

    Vous pouvez basculer entre la vue Colonnes, Carte et Liste. Dans la vue Liste, les paramètres de vue sont également affichés.

    Vues

    REMARQUE

    L’option Paramètres est disponible uniquement dans la vue Liste.

  • Navigation au clavier

    Vous pouvez naviguer sur un site web en utilisant exclusivement le clavier. Ce processus s’appuie sur la fonctionnalité de la touche TAB (tabulation) dans un navigateur standard (ou OPT+TAB) pour vous déplacer entre les éléments de la page pouvant recevoir le focus.

    Dans la console Sites, vous pouvez ajouter l’option Passer au contenu principal. Cette option apparaît lorsque vous passez d’une option d’en-tête à une autre. Elle permet d’accélérer la navigation en ignorant les éléments standard de la barre d’outils (produit) et en accédant directement au contenu principal.

    Passer au contenu principal

Accès à l’Aide

Plusieurs ressources d’aide sont disponibles :

  • Barre d’outils de la console

    Selon votre emplacement, la variable Aide ouvre les ressources appropriées :

    Icône d’aide

  • Navigation

    La première fois que vous naviguez dans le système, une série de diapositives présente la navigation au sein d’AEM.

    Tutoriel

  • Éditeur de page

    La première fois que vous modifiez une page, une série de diapositives présente l’éditeur de page.

    Tutoriel de l’éditeur

    Parcourez cet aperçu comme vous le feriez avec l’aperçu de navigation du produit la première fois que vous accédez à une console.

    Dans le menu Informations sur la page, sélectionnez l’option Aide pour afficher de nouveau cette présentation à tout moment.

  • Console Outils

    Dans la console Outils, vous pouvez également accéder aux ressources externes :

    • Documentation : affichez la documentation de Web Experience Management.
    • Ressources pour les développeurs : ressources et téléchargements pour les développeurs.
    REMARQUE

    Vous pouvez accéder à un aperçu des raccourcis clavier disponibles à tout moment à l’aide de la touche ? (point d’interrogation) lorsque vous vous trouvez dans une console.

    Pour une présentation de tous les raccourcis clavier, reportez-vous à la documentation suivante :

Barre d’outils Actions

Lorsque vous sélectionnez une ressource (une page ou un actif, par exemple), diverses actions sont indiquées par des icônes, avec un texte explicatif dans la barre d’outils. Ces actions dépendent de différents éléments :

L’action disponible dans la barre d’outils change pour tenir compte des actions que vous pouvez effectuer sur les éléments sélectionnés.

La manière dont vous sélectionnez une ressource dépend du mode.

En raison des restrictions d’espace dans certaines fenêtres, la barre d’outils peut rapidement dépasser l’espace disponible. Lorsque cela se produit, d’autres options s’affichent. Cliquez ou appuyez sur les points de suspension (les trois points ou ) pour ouvrir un sélecteur de liste déroulante contenant toutes les actions restantes. Par exemple, après avoir sélectionné une page dans la console Sites :

Options supplémentaires

REMARQUE

Les icônes individuelles disponibles sont documentées par rapport à la console, à la fonction ou au scénario approprié.

Actions rapides

Dans la vue Carte, certaines actions sont disponibles sous forme d’icônes d’action rapide ou dans la barre d’outils. Les icônes d’action rapide sont disponibles pour un seul élément à la fois, ce qui évite d’avoir à effectuer une présélection.

Les actions rapides sont visibles lorsque vous placez le pointeur de la souris sur une carte de ressource (ordinateur de bureau). Les actions rapides disponibles dépendent de la console et du contexte. Voici, par exemple, les actions rapides d’une page dans la console Sites :

Options supplémentaires

Affichage et sélection de ressources

L’affichage, la navigation et la sélection sont identiques sur le plan conceptuel dans tous les modes, mais leur manipulation comporte de légères variations en fonction du mode utilisé.

Vous pouvez afficher, parcourir et sélectionner (pour effectuer d’autres opérations) vos ressources dans n’importe quel mode disponible. Chaque mode peut être sélectionné par le biais d’une icône située en haut à droite :

REMARQUE

Par défaut, AEM Assets n’affiche pas les rendus originaux des ressources dans l’interface utilisateur sous forme de miniatures, quel que soit le mode. Si vous êtes administrateur ou administratrice, vous pouvez utiliser des superpositions pour configurer AEM Assets afin d’afficher les rendus originaux sous forme de miniatures.

Sélection de ressources

La sélection d’une ressource en particulier dépend de la combinaison du mode et de l’appareil :

Mode Sélectionner Tactile Sélectionner Bureau Désélectionner Tactile Désélectionner Bureau
Colonnes Appuyer sur la miniature Cliquer sur la miniature Appuyer sur la miniature Cliquer sur la miniature
Carte Appuyer sur la carte et maintenir la pression Placer le pointeur de la souris dessus, puis utiliser l’action rapide sous forme de coche Appuyer sur la carte Cliquer sur la carte
Liste Appuyer sur la miniature Cliquer sur la miniature Appuyer sur la miniature Cliquer sur la miniature

Tout sélectionner

Vous pouvez sélectionner tous les éléments d’un mode en cliquant sur le bouton Tout sélectionner dans le coin supérieur droit de la console.

  • En mode Carte, toutes les cartes sont sélectionnées.
  • Dans la vue Liste, tous les éléments de la liste sont sélectionnés.
  • En mode Colonnes, tous les éléments de la colonne la plus à gauche sont sélectionnés.

Tout sélectionner

Tout désélectionner

Dans tous les cas, lorsque vous sélectionnez des éléments, leur nombre est affiché dans le coin supérieur droit de la barre d’outils.

Vous pouvez annuler la sélection de tous les éléments et quitter le mode de sélection en procédant comme suit :

  • Cliquez ou appuyez sur X à côté du nombre.
  • Utilisez la touche Échap.

Tout désélectionner

Quel que soit le mode, vous pouvez désélectionner tous les éléments en appuyant sur la touche Échap du clavier (si vous utilisez un ordinateur de bureau).

Exemple de sélection

  1. Par exemple, dans la vue Carte :

    Sélection du mode Carte

  2. Une fois que vous avez sélectionné une ressource, l’en-tête de premier niveau est couvert par la barre d’outils Actions, qui permet d’accéder aux actions actuellement applicables à la ressource sélectionnée.

    Pour quitter le mode de sélection, sélectionnez le signe X affiché en haut à droite de l’écran ou utilisez la touche Échap.

Mode Colonnes

Mode Colonnes

Le mode Colonnes permet de naviguer visuellement dans une arborescence de contenu à travers une série de colonnes en cascade. Ce mode vous permet de visualiser et de parcourir l’arborescence de votre site web.

Si vous sélectionnez une ressource dans la colonne la plus à gauche, les ressources enfants s’affichent dans une colonne à droite. Si vous sélectionnez une ressource dans la colonne de droite, les ressources enfants s’affichent dans une autre colonne à droite, etc.

  • Vous pouvez naviguer de haut en bas dans l’arborescence en appuyant ou en cliquant sur le nom de la ressource ou sur le chevron situé à droite du nom de la ressource.

    • Le nom de la ressource et le chevron sont mis en surbrillance lorsque vous appuyez ou cliquez dessus.
    • Les enfants de la ressource sur laquelle vous avez cliqué/appuyé s’affichent dans la colonne située à droite de celle-ci.
    • Si vous sélectionnez un nom de ressource sans enfant, ses détails s’affichent dans la dernière colonne.
  • Appuyez ou cliquez sur la miniature pour sélectionner la ressource.

    • Lorsqu’elle est sélectionnée, une coche est apposée sur la miniature et le nom de la ressource est également mis en surbrillance.
    • Les détails de la ressource sélectionnée sont affichés dans la dernière colonne.
    • La barre d’outils d’action devient disponible.

    Lorsque vous sélectionnez une page en mode Colonnes, la page sélectionnée s’affiche dans la dernière colonne avec les détails suivants :

    • Titre de la page
    • Nom de la page (partie de l’URL de la page)
    • Modèle sur lequel est basée la page
    • Détails des modifications
    • Langue de la page
    • Publication et prévisualisation des détails

Mode Carte

Mode Carte

  • Le mode Carte affiche des cartes d’informations pour chaque élément au niveau actuel. Elles fournissent des informations telles que :

    • une représentation visuelle du contenu de la page ;
    • le titre de la page ;
    • des dates importantes (telles que la date de la dernière modification ou publication) ;
    • si la page est verrouillée, masquée ou fait partie d’une Live Copy ;
    • Le cas échéant, lorsque vous devez agir dans le cadre d’un workflow
      • Les marques qui indiquent les actions requises peuvent être liées aux entrées de votre boîte de réception.
  • Les actions rapides sont également disponibles dans ce mode, comme la sélection et les actions courantes, telles que la modification.

    Actions rapides

  • Vous pouvez parcourir l’arborescence vers le bas en appuyant/cliquant sur des cartes (en veillant à éviter les actions rapides), ou vers le haut en utilisant le chemin de navigation dans l’en-tête.

Vue Liste

Vue Liste

  • La vue Liste répertorie les informations pour chaque ressource au niveau actuel.

  • Vous pouvez parcourir l’arborescence vers le bas en appuyant/cliquant sur le nom de la ressource, ou vers le haut en utilisant le chemin de navigation dans l’en-tête.

  • Pour sélectionner facilement tous les éléments de la liste, utilisez la case à cocher située dans le coin supérieur gauche de la liste.

    Tout sélectionner dans la vue Liste

    • Cette case apparaît cochée lorsque tous les éléments de la liste sont sélectionnés.

      • Cochez la case pour tout désélectionner.
    • Lorsque seuls certains éléments sont sélectionnés, le signe moins apparaît.

      • Cochez la case pour tout sélectionner.
      • Cochez à nouveau la case pour tout désélectionner.
  • Sélectionnez les colonnes à afficher à l’aide de l’option Afficher les paramètres située sous le bouton Vues. Vous pouvez afficher les colonnes suivantes :

    • Nom : nom de la page, qui peut s’avérer utile dans un environnement de création multilingue, car il fait partie de l’URL de la page et ne change pas, quelle que soit la langue

    • Modifié : date de la dernière modification et dernière modification par l’utilisateur ou l’utilisatrice

    • Publié : statut de la publication.

    • Prévisualisation : prévisualisation du statut

    • Modèle : modèle sur lequel la page est basée.

    • Workflow : workflow actuellement appliqué à la page. Plus d’informations sont disponibles lorsque vous placez le pointeur de la souris ou ouvrez la chronologie.

    • Analyse de la page

    • Visiteurs ou visiteuses uniques

    • Temps passé sur la page

      Sélectionner des colonnes

    Par défaut, la colonne Nom est affichée ; ce nom fait partie de l’URL de la page. Dans certains cas, il se peut que l’auteur doive accéder à des pages rédigées dans une autre langue. Aussi, le fait de voir le nom de la page (qui reste généralement identique) peut s’avérer très utile si l’auteur ne connaît pas la langue de la page.

  • Modifiez l’ordre des éléments à l’aide de la barre verticale en pointillés tout à droite de chaque élément de la liste.

    REMARQUE

    La modification de l’ordre fonctionne uniquement dans un dossier ordonné dont la valeur jcr:primaryType est sling:OrderedFolder.

    Ordre des colonnes

    Sélectionnez la barre de sélection verticale et faites glisser l’élément vers un nouvel emplacement dans la liste.

    Liste d’ordre

Sélecteur de rail

Le sélecteur de rail est disponible dans le coin supérieur gauche de la fenêtre et affiche des options en fonction des consoles actives.

Sélecteur de rail développé

Par exemple, dans la console Sites, vous pouvez sélectionner le contenu uniquement (valeur par défaut), l’arborescence de contenu, la chronologie, les références, les détails du site ou le panneau latéral de filtrage.

Si Contenu uniquement est sélectionné, alors seule l’icône de rail s’affiche. Si n’importe quelle autre option est sélectionnée, le nom des options apparaît en regard de l’icône de rail.

REMARQUE

Des raccourcis clavier sont disponibles pour basculer rapidement entre les options d’affichage du rail.

Arborescence de contenu

L’arborescence de contenu peut être utilisée pour parcourir rapidement la hiérarchie du site dans le panneau latéral et afficher de nombreuses informations sur les pages du dossier actif.

Grâce au panneau latéral de l’arborescence de contenu associé à la vue Liste ou Carte, les utilisateurs et utilisatrices peuvent facilement voir la structure hiérarchique du projet et naviguer dans la structure de contenu à l’aide du panneau latéral de l’arborescence de contenu. Cela leur permet également de consulter les informations détaillées de la page en vue Liste.

Arborescence de contenu

REMARQUE

Après avoir sélectionné une entrée dans la hiérarchie, vous pouvez naviguer rapidement dans la hiérarchie à l’aide des touches directionnelles.

Reportez-vous à la section Raccourcis clavier pour plus d’informations.

Chronologie

La chronologie peut être utilisée pour afficher et/ou lancer des événements qui se sont produits sur la ressource sélectionnée. Pour ouvrir la colonne Chronologie, utilisez le sélecteur de rail :

Arborescence de la chronologie

La colonne Chronologie permet d’effectuer les opérations suivantes :

  • Afficher divers événements liés à un élément sélectionné.

    • Les types d’événements peuvent être sélectionnés dans la liste déroulante :

  • Ajouter/afficher des commentaires sur l’élément sélectionné. La zone Commentaire s’affiche dans la partie inférieure de la liste des événements. Saisissez un commentaire, puis appuyez sur Entrée pour l’enregistrer. Il s’affiche si vous sélectionnez l’option Commentaires ou Tout afficher.

  • Certaines consoles possèdent des fonctionnalités supplémentaires. Par exemple, dans la console Sites, vous pouvez :

Ces fonctionnalités sont accessibles par le biais du chevron en regard du champ Commentaires.

Champ de commentaire

Références

Les références affichent toutes les connexions avec la ressource sélectionnée. Par exemple, dans la console Sites, les références des pages affichent :

  • Lancements

  • Live Copies

  • Copies de langue

  • Références du contenu :

    • Liens d’autres pages vers la page sélectionnée
    • Contenu emprunté et/ou prêté à la page sélectionnée par le composant Référence

Exemples de références

Site

Site affiche les détails des sites créés à l’aide d’un modèle de site.

Rail Site

Consultez le document Utilisation du rail Site pour gérer le thème de votre site pour plus d’informations sur l’utilisation du rail pour gérer le thème de votre site.

CONSEIL

Vous trouverez une description de bout en bout du processus de création d’un site à partir d’un modèle et de personnalisation de son thème dans le Parcours de création rapide de site.

Filtrer

Cela ouvre un panneau similaire à search avec les filtres d’emplacement appropriés déjà définis, ce qui vous permet de filtrer davantage le contenu que vous souhaitez afficher.

Exemple de filtre

Sur cette page