Manipulation de base

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. Des informations spécifiques sur les consoles individuelles et leurs fonctionnalités associées seront traitées plus en détail 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.

Interface utilisateur pour écrans tactiles

L’interface utilisateur d’AEM est adaptée aux écrans tactiles. Les interfaces de ce type permettent d’interagir de manière tactile avec le logiciel en appuyant sur l’écran, en maintenant la pression du doigt ou 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. Cliquez ou appuyez sur Sites pour commencer.

Navigation dans le produit

Chaque fois qu’un utilisateur accède à une console pour la première fois, un tutoriel sur la navigation dans un produit est lancé. Prenez une minute pour cliquer ou appuyez dessus pour obtenir une bonne vue d’ensemble de la gestion de base des AEM.

Tutoriel de navigation

Cliquez ou appuyez sur Suivant pour accéder à la page suivante de l’aperçu. Cliquez ou appuyez sur Fermer ou à l’extérieur de la boîte de dialogue de l’aperçu pour la 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 cliquez ou appuyez sur 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

Les options disponibles dans ces panneaux sont décrites 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 à un certain nombre d’outils et de 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 sont spécifiques au 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 contiendra 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.

    Il vous suffit de cliquer 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 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 Outils vous pouvez également accéder à la console externe. Ressources:

    • 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. En cliquant ou en appuyant sur les points de suspension (), vous ouvrez un menu déroulant 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 Mode Carte certaines actions sont disponibles sous forme d’icônes d’action rapide et se trouvent 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 à présélectionner.

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

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 dans aucune des vues. Si vous êtes administrateur, 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’une vue 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, en mode 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 une navigation visuelle d’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.

La sélection d’une ressource dans la colonne la plus à gauche affiche les ressources enfants dans une colonne située à droite. La sélection d’une ressource dans la colonne de droite affiche alors les ressources enfants 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 l’utilisateur a cliqué/a cliqué sont affichés dans la colonne située à droite de la ressource sur laquelle l’utilisateur a cliqué/a cliqué.
    • Si vous appuyez ou cliquez sur un nom de ressource sans enfant, ses détails s’affichent dans la colonne finale.
  • Appuyez ou cliquez sur la miniature pour sélectionner la ressource.

    • Une fois la ressource sélectionnée, une coche s’affiche au-dessus de 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.

    Lorsqu’une page est sélectionnée en mode Colonne, la page sélectionnée s’affiche dans la dernière colonne avec les détails suivants :

    • Titre de la page
    • Nom de page (partie de l’URL de la page)
    • Modèle sur lequel la page est basée
    • Détails de la modification
    • Langage de 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, le moment auquel vous devez effectuer une action dans le cadre d’un workflow.
      • Les marqueurs qui indiquent les actions requises peuvent être liés aux entrées de votre Boîte de réception.
  • Actions rapides sont également disponibles dans cette vue, 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

    • Lorsque tous les éléments de la liste sont sélectionnés, cette case à cocher s’affiche.

      • Cliquez ou appuyez sur la case à cocher pour tout désélectionner.
    • Lorsque seuls certains éléments sont sélectionnés, un signe moins apparaît.

      • Cliquez ou appuyez sur la case à cocher pour tout sélectionner.
      • Cliquez ou appuyez à nouveau sur la case à cocher 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. Les colonnes suivantes peuvent être affichées :

    • Nom - Nom de 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 dernière modification et date de dernière modification par l’utilisateur

    • 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. D’autres informations sont disponibles lorsque vous déplacez la souris ou lorsque vous ouvrez la chronologie.

    • Analyse de page

    • Visiteurs uniques

    • Durée 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

    Cliquez ou appuyez sur la barre de sélection verticale, puis 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é à un mode Liste ou Carte, les utilisateurs peuvent facilement voir la structure hiérarchique du projet et naviguer facilement dans la structure de contenu à l’aide du panneau latéral de l’arborescence de contenu, ainsi que consulter les informations détaillées sur la page en mode Liste.

Arborescence de contenu

REMARQUE

Une fois qu’une entrée est sélectionnée dans la vue de hiérarchie, les touches fléchées permettent de naviguer rapidement dans la hiérarchie.

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 actions 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 variable Sites console références pour les pages affiche :

  • 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 nouveau site à partir d’un modèle et de personnalisation de son thème dans le Parcours de création rapide de site.

Filtrer

Cette action ouvre un panneau similaire à Rechercher avec les filtres d’emplacement correspondants déjà définis, ce qui permet de filtrer davantage le contenu que vous souhaitez afficher.

Exemple de filtre

Sur cette page