Modification du contenu de la page

Une fois la page créée (une nouvelle page ou dans le cadre d’un lancement ou d’une Live Copy), vous pouvez modifier le contenu pour effectuer toute mise à jour dont vous avez besoin.

Le contenu est ajouté à l’aide de components (approprié au type de contenu) qui peut être glissé sur la page. Ils peuvent ensuite être modifiés sur place, déplacés ou supprimés.

REMARQUE

Vous devez disposer des droits d’accès et des autorisations appropriés sur votre compte pour modifier les pages.

En cas de problème, contactez votre administrateur système.

REMARQUE

Si votre page et/ou modèle ont été configurés correctement, vous pouvez utiliser la mise en page réactive lors de la modification.

CONSEIL

En mode Édition, les liens dans votre contenu sont visibles, mais ils ne sont pas accessibles. Utilisez le mode Aperçu pour naviguer en suivant les liens.

Barre d’outils Page

La barre d’outils Page permet d’accéder à la fonctionnalité appropriée, en fonction de la configuration de la page.

Barre d’outils Page

La barre d'outils permet d'accéder à de nombreuses options. Selon votre contexte et votre configuration actuels, certaines options peuvent ne pas être disponibles.

  • Activer/désactiver le panneau latéral

    Cela ouvre/ferme le panneau latéral, qui contient la balise Explorateur de ressources, Explorateur de composants, et Arborescence de contenu.

    Bascule du panneau latéral

  • Informations sur la page

    Permet d’accéder au Informations sur la page menu comprenant les détails de la page et les actions qui peuvent être entreprises sur la page, notamment l’affichage et la modification des informations de la page, l’affichage des propriétés de la page et la publication/annulation de la publication de la page.

    Bouton Informations sur la page

  • Emulateur

    Active/désactive la variable barre d’outils de l’émulateur, qui est utilisé pour émuler l’aspect de la page sur un autre appareil. Cette option est automatiquement basculée en mode de mise en page.

    Bouton Émulateur

  • ContextHub

    Ouvre ContextHub. Uniquement disponible en mode Aperçu.

    Bouton ContextHub

  • Titre de la page

    C'est purement informatif.

    Titre de la page

  • Sélecteur de mode

    Affiche le mode en cours et vous permet d’en sélectionner un autre, tel que Modifier, Disposition, Timewarp ou Ciblage.

    Bouton Sélecteur de mode

  • Aperçu

    Permet d’activer le mode Aperçu. Cette option affiche la page telle qu’elle apparaîtra une fois publiée.

    Bouton Aperçu

  • Annoter

    Permet d’ajouter des annotations sur la page lors de la révision d’une page. Après la première annotation, l’icône prend la forme d’un nombre indiquant le nombre d’annotations sur la page.

    Bouton Annotation

Notification de statut

Si la page fait partie d’un ou de plusieurs workflows, ces informations s’affichent dans une barre de notification située en haut de l’écran lorsque vous la modifiez.

Notification de workflow

REMARQUE

La barre d’état n’est visible que pour les comptes d’utilisateurs disposant des privilèges appropriés.

La notification répertorie le workflow qui s’exécute sur la page. Si l’utilisateur est impliqué dans l’étape de workflow actuelle, les options pour affecte l’état du workflow et obtenir plus d’informations sur le workflow sont également disponibles, par exemple :

  • Terminé : ouvre la boîte de dialogue Terminer l’élément de travail
  • Déléguer : ouvre la boîte de dialogue Terminer l’élément de travail
  • Afficher les détails : ouvre la fenêtre Détails du workflow

L’utilisation de la barre de notification pour terminer et déléguer des étapes de workflow fonctionne de la même manière que la participation à des workflows depuis la boîte de réception de notifications.

Si la page est soumise à plusieurs workflows, leur nombre est indiqué à droite de la notification, avec des chevrons, pour vous permettre de les parcourir.

Notifications de workflows multiples

Espace réservé du composant

L’espace réservé du composant est un indicateur qui indique où un composant sera positionné lorsque vous le déposez, au-dessus du composant que vous survolez actuellement.

  • Lors de l’ajout d’un nouveau composant à la page (en le faisant glisser depuis l’explorateur de composants) :

    Espace réservé lors de l’ajout d’un nouveau composant à une page

  • Lors du déplacement d’un composant existant :

    Espace réservé lors du déplacement d’un composant existant sur une page

Insertion d’un composant

Insertion d’un composant depuis l’explorateur de composants

Vous pouvez ajouter un nouveau composant à l’aide de l’explorateur de composants. L’espace réservé du composant indique où le composant va être positionné :

  1. Assurez-vous que votre page est en mode Modifier.
  2. Ouvrez l’explorateur de composants.
  3. Faites glisser le composant jusqu’à la position requise.
  4. Modifiez le composant.
REMARQUE

Sur un appareil mobile, l’explorateur de composants remplit tout l’écran. Une fois que vous commencez à faire glisser un composant, l’explorateur se ferme pour afficher à nouveau la page afin que vous puissiez placer le composant.

Insertion d’un composant à partir du système de paragraphes

Vous pouvez ajouter un nouveau composant à l’aide de la case Faire glisser les composants ici du système de paragraphes :

  1. Assurez-vous que votre page est en mode Modifier.

  2. Il existe deux façons de sélectionner et d’ajouter un nouveau composant à partir du système de paragraphes :

    • Sélectionnez la Insérer un composant (+) à partir de la barre d’outils d’un composant existant ou de la fonction Faire glisser des composants ici de la boîte.

      Insertion d’un composant

    • Si vous utilisez un ordinateur de bureau, vous pouvez double-cliquer sur la zone Faire glisser les composants ici.

    • La boîte de dialogue Insérer un nouveau composant s’affiche pour vous permettre de sélectionner le composant nécessaire :

      Boîte de dialogue Insérer un nouveau composant

  3. Le composant sélectionné est alors ajouté au bas de la page. Modifiez le composant selon les besoins.

Insertion d’un composant à partir de l’Explorateur de ressources

Vous pouvez également ajouter un nouveau composant à la page en faisant glisser un élément depuis l’explorateur de ressources. Un nouveau composant du type approprié (et contenant l’élément) est ainsi créé automatiquement.

Ce comportement peut être configuré pour votre installation. Pour plus d’informations, voir Configuration d’un système de paragraphes de manière à faire glisser une ressource pour créer une instance de composant.

Pour créer un composant en faisant glisser l’un des types de ressources ci-dessus, suivez ces étapes :

  1. Assurez-vous que votre page est en mode Modifier.

  2. Ouvrez le explorateur de ressources.

  3. Faites glisser la ressource vers la position requise. Le espace réservé du composant vous indique où le composant sera positionné.

    Un composant, adapté au type de ressource, est créé à l’emplacement requis ; il contient la ressource sélectionnée.

  4. Modifier le composant si nécessaire.

REMARQUE

Sur un appareil mobile, l’explorateur de ressources remplit tout l’écran. Une fois que vous commencez à faire glisser une ressource, l’explorateur se ferme pour afficher à nouveau la page afin que vous puissiez la placer.

Si, lors de l’exploration des ressources, vous estimez que vous devez apporter une modification rapide à une ressource, vous pouvez lancer la variable éditeur de ressources directement à partir du navigateur en cliquant sur l’icône de modification en regard du nom de la ressource.

Bouton Modifier la ressource

Barre d’outils des composants

La sélection d’un composant ouvre la barre d’outils, qui permet d’accéder à diverses actions pouvant être réalisées sur le composant.

Les actions disponibles pour l’utilisateur sont affichées comme il convient ; ces actions ne peuvent pas toutes être décrites ici.

Barre d’outils des composants

  • Modifier

    En fonction du type de composant, vous pouvez en modifier le contenu. Une barre d’outils est souvent disponible.

    Bouton Modifier

  • Configurer

    En fonction du type de composant, vous pouvez modifier et configurer ses propriétés. En général, une boîte de dialogue s’ouvre.

    Bouton Configurer

  • Copier

    Le composant est alors copié dans le Presse-papiers. Après l’action de collage, le composant d’origine reste.

    Bouton Copier

  • Couper

    Le composant est alors copié dans le Presse-papiers. Après l’action de collage, le composant d’origine est supprimé.

    Bouton Couper

  • Supprimer

    Cela supprime le composant de la page avec votre confirmation.

    Bouton Supprimer

  • Insérer le composant

    La boîte de dialogue s’ouvre alors pour ajouter un nouveau composant.

    Bouton Insérer

  • Coller

    Le composant est alors collé du Presse-papiers sur la page. Si l’original est conservé, cela dépend de l’utilisation de la copie ou de la coupure.

    • Vous pouvez effectuer un collage sur la même page ou sur une autre.
    • L’élément collé est collé au-dessus de l’élément dans lequel vous sélectionnez l’action de collage.
    • L’action Pate ne s’affiche que si du contenu se trouve dans le Presse-papiers.

    Bouton Coller

    REMARQUE

    Si vous effectuez un collage sur une autre page qui était déjà ouverte avant l’opération de couper/copier, vous devez actualiser la page pour afficher le contenu collé.

  • Groupe

    Vous pouvez ainsi sélectionner plusieurs composants à la fois. Vous pouvez obtenir le même résultat sur un ordinateur de bureau à l’aide d’une Ctrl+Clic ou Commande + clic.

    Bouton Groupe

  • Parent

    Permet de sélectionner le composant parent du composant sélectionné.

    Bouton Parent

  • Mise en page

    Cela vous permet de modifier la variable layout du composant sélectionné. Cela s’applique uniquement au composant sélectionné et n’active pas la fonction Mode Mise en page pour la page entière.

    Bouton Mise en page

  • Convertir en variation de fragment d’expérience

    Permet de créer un fragment d’expérience à partir du composant sélectionné ou de l’ajouter à un fragment d’expérience existant.

    Bouton Convertir en variation de fragment d’expérience

Modifier le contenu

Deux méthodes permettent d’ajouter et/ou de modifier le contenu dans les composants :

Boîte de dialogue de modification du composant

Vous pouvez ouvrir un composant pour modifier le contenu à l’aide de l’icône Modifier (crayon) de la barre d’outils du composant.

Les options de modification exactes dépendent du composant. Pour certains composants toutes les actions ne sont disponibles qu’en mode plein écran.. Par exemple :

  • Composant textuel

    Barre d’outils du composant textuel

  • Composant d’image

    Barre d’outils du composant d’image

    REMARQUE

    L’édition ne fonctionne pas sur un composant d’image vide.

    Vous devez faire glisser ou charger une image (à l’aide de l’option Configurer) avant de commencer à la modifier.

  • Composant d’image - Plein écran

    Le passage en mode Plein écran pour le composant d’image permet de libérer de l’espace pour modifier l’image et d’afficher des options de modification supplémentaires, telles que Lancer une Map et Réinitialiser le zoom. En outre, le mode plein écran permet de sélectionner les paramètres prédéfinis de recadrage.

    Mode Plein écran du composant d’image

  • Les composants construits à partir de plusieurs composants de base vous demandent tout d’abord de confirmer à quel jeu d’options de modification vous souhaitez accéder :

Faire glisser et déposez des éléments dans des composants

Pour certains types de composants (comme les images), vous pouvez faire glisser et déposer des éléments depuis l’explorateur de ressources directement dans le composant pour mettre à jour le contenu.

Modifier le contenu en mode Plein écran

Pour tous les composants, vous pouvez accéder au mode Plein écran (ou le quitter) avec :

Bouton Plein écran

Par exemple, le composant textuel :

Composant textuel en plein écran

REMARQUE

Pour certains composants, le mode Plein écran dispose d’un plus grand nombre d’options disponibles que l’éditeur en place de base.

Déplacement d’un composant

Pour déplacer un composant de paragraphe :

  1. Sélectionnez le paragraphe à déplacer en maintenant la pression enfoncée ou en cliquant et en maintenant la pression enfoncée.

  2. Faites glisser le paragraphe vers son nouvel emplacement. AEM indique où le paragraphe peut être déposé. Déposez-le à l’emplacement de votre choix.

    Déplacement d’un composant

  3. Votre paragraphe est déplacé.

CONSEIL

Vous pouvez également utiliser la technique du couper/coller pour déplacer un composant.

Modification de la disposition du composant

Au lieu de basculer à plusieurs reprises entre les modes Modifier et de Disposition pour ajuster un composant, vous pouvez sélectionner l’action Disposition pour un composant afin d’en modifier la mise en page. Cela vous évite de devoir quitter le mode Modifier, ce qui se traduit par un gain de temps.

  1. Lorsque le mode Modifier de la console Sites est actif, la sélection d’un composant déclenche l’affichage de sa barre d’outils.

    Barre d’outils d’un composant de page

    Cliquez ou appuyez sur l’action Disposition pour ajuster la mise en page du composant.

    Bouton Disposition de la barre d’outils d’un composant

  2. Une fois l’action Disposition sélectionnée :

    • Les poignées de redimensionnement du composant s’affichent.
    • La barre d’outils de l’émulateur s’affiche en haut de l’écran.
    • Les actions de mise en page au lieu des actions de modification standard s’affichent dans la barre d’outils du composant.

    Un composant en mode de mise en page

    Vous pouvez à présent modifier la mise en page du composant, comme vous le feriez dans le mode de mise en page.

  3. Après avoir effectué les modifications nécessaires au niveau de la mise en page, cliquez sur le bouton Fermer dans le menu des actions du composant pour arrêter la session de modification. La barre d’outils du composant revient à son état d’édition normal.

    Barre d’outils d’un composant de page

CONSEIL

L’action de mise en page est limitée au composant sélectionné. Par exemple, si vous modifiez la mise en page d’un composant, puis cliquez sur un autre composant, la barre d’outils d’édition standard (et non la barre d’outils de mise en page) s’affiche pour le nouveau composant sélectionné, tandis que les poignées de redimensionnement et la barre d’outils de l’émulateur disparaissent.

Si vous devez modifier la disposition globale de la page et affecter ainsi plusieurs composants, basculez vers le mode Disposition.

Composants hérités

L’héritage est le mécanisme par lequel le contenu peut être automatiquement envoyé d’un composant vers un autre. Les composants hérités peuvent être le produit de divers scénarios :

Vous pouvez annuler (puis réactiver) l’héritage. Selon le composant, cette option peut être disponible à partir de la barre d’outils du composant, s’il se trouve sur une page faisant partie d’une Live Copy ou d’un lancement (en fonction d’une Live Copy).

Barre d’outils de composant montrant la relation d’héritage

Par exemple :

  • Annuler l’héritage

    Bouton Annuler l’héritage

  • Réactiver l’héritage (si l’héritage est déjà annulé)

    Bouton Réactiver l’héritage

  • L’action de déploiement est également disponible dans le plan directeur ou la source Live Copy.

    Bouton Déployer

Modification du modèle de page

Vous pouvez facilement passer à l’éditeur de modèles en sélectionnant Modifier le modèle dans le menu Informations sur la page.

Vous pouvez déterminer facilement le modèle sur lequel la page est basée en sélectionnant cette dernière dans la vue Colonnes ou Liste.

Statut de la Live Copy

Le Mode de page État de Live Copy vous permet d’obtenir un aperçu rapide de l’état de Live Copy et des composants qui sont/ne sont pas hérités :

  • Bordure verte : Hérité
  • Bordure rose : L’héritage a été annulé

Par exemple :

Exemple d’affichage de l’état de Live Copy

Ajout d’annotations

Les Annotations permettent aux réviseurs et aux autres créateurs de fournir des commentaires sur votre contenu. Elles sont souvent utilisées à des fins de révision et de validation.

Aperçu des pages

Deux options sont disponibles pour prévisualiser une page :

CONSEIL
  • Les liens dans le contenu sont visibles, mais ne sont pas accessibles en mode d’ édition .
  • Si vous souhaitez naviguer à l’aide des liens, utilisez l’une des options d’aperçu.
  • Utilisez le raccourci clavier Ctrl-Shift-M pour basculer entre le mode Aperçu et le dernier mode sélectionné.
REMARQUE

Le cookie de mode WCM est défini pour les deux options d’aperçu.

Mode Aperçu

Lorsque vous modifiez du contenu, vous pouvez prévisualiser la page à l’aide de l’aperçu. mode. Ce mode :

  • Masque les différents mécanismes de modification pour vous donner un aperçu rapide de l’apparence de la page publiée.
  • Permet d’utiliser des liens pour naviguer.
  • Does not actualisez le contenu de la page.

Lors de la création, le mode Aperçu est disponible à l’aide de l’icône située en haut à droite de l’éditeur de page :

Bouton Aperçu

Afficher comme publié(e)

Le Afficher comme publié(e) est disponible à partir de la Informations sur la page . La page s’ouvre alors dans un nouvel onglet, actualise le contenu et affiche la page telle qu’elle apparaîtra dans l’environnement de publication.

Verrouillage d’une page

AEM vous permet de verrouiller une page, de sorte que personne d’autre ne puisse en modifier le contenu. Cela s’avère utile lorsque vous apportez de nombreuses modifications à une page spécifique ou lorsque vous devez figer une page pendant quelque temps.

Une page peut être verrouillée à partir de :

  • Sites console

    1. Sélectionnez la page avec mode de sélection.

    2. Sélectionnez l’icône de verrouillage.

      Bouton Verrouiller

  • Éditeur de page

    1. Sélectionnez la Informations sur la page pour ouvrir le menu.
    2. Sélectionnez la Verrouiller la page .

Une fois la page verrouillée, les informations d’affichage de la console sont mises à jour et, lors de la modification, le symbole d’un verrou s’affiche dans la barre d’outils.

Exemple de page verrouillée

ATTENTION

Le verrouillage d’une page peut être réalisé lorsque vous empruntez l’identité d’un utilisateur. Cependant, une page verrouillée de cette manière peut uniquement être déverrouillée (par les clients) avec l’utilisateur ou l’utilisatrice dont l’identité a été empruntée.

Les pages ne peuvent pas être déverrouillées en empruntant l’identité de l’utilisateur ou de l’utilisatrice qui les a verrouillées.

Si l’utilisateur ou l’utilisatrice qui a verrouillé la page n’est pas disponible pour la déverrouiller, contactez le service clientèle afin d’évaluer les options de suppression du verrouillage.

Déverrouillage d’une page

Le déverrouillage d’une page est une procédure très similaire au verrouillage de la page : une fois la page verrouillée, les options de verrouillage sont remplacées par des actions de déverrouillage.

Dans le menu Informations sur la page, Déverrouiller est répertorié comme une option et l’icône Verrouiller dans la console Sites est remplacée par l’icône Déverrouiller.

Bouton Déverrouiller

ATTENTION

Le verrouillage d’une page peut être réalisé lorsque vous empruntez l’identité d’un utilisateur. Cependant, une page verrouillée de cette manière peut ensuite uniquement être déverrouillée (par les clients) avec l’utilisateur ou l’utilisatrice dont l’identité a été empruntée.

Les pages ne peuvent pas être déverrouillées en empruntant l’identité de l’utilisateur ou de l’utilisatrice qui les a verrouillées.

Si l’utilisateur ou l’utilisatrice qui a verrouillé la page n’est pas disponible pour la déverrouiller, contactez le service clientèle afin d’évaluer les options de suppression du verrouillage.

Annulation et rétablissement des modifications de page

Les icônes suivantes permettent d’annuler ou de rétablir une opération. Celles-ci s’affichent dans la barre d’outils le cas échéant :

Boutons Annuler et Rétablir

CONSEIL
  • Le raccourci clavier Ctrl-Z est également disponible pour annuler les actions d’édition de la page.
  • Le raccourci clavier Ctrl-Y est également disponible pour annuler les actions d’édition de la page.
REMARQUE

Consultez Annulation et rétablissement des modifications de page : la théorie pour en savoir plus sur ce qu’il est possible de faire lorsque vous annulez ou rétablissez des modifications de page.

Annulation et rétablissement des modifications de page : la théorie

AEM stocke un historique des actions que vous réalisez, ainsi que la séquence selon laquelle vous les réalisez, de sorte que vous puissiez annuler plusieurs actions dans l’ordre dans lequel vous les avez réalisées. Vous pouvez également les rétablir pour appliquer à nouveau une ou plusieurs de ces actions.

Si un élément de la page de contenu est sélectionné (un composant de texte, par exemple), les commandes Annuler et Rétablir s’appliquent à celui-ci.

Le comportement des commandes Annuler et Rétablir est similaire à celui des autres logiciels. Utilisez ces commandes pour restaurer l’état récent de votre page web lorsque vous prenez des décisions sur le contenu. Par exemple, si vous repositionnez un paragraphe de texte sur la page, vous pouvez utiliser la commande Annuler pour le remettre à son emplacement initial. Si vous décidez alors que la position précédente était meilleure, utilisez la commande redo pour "annuler l’annulation".

Par exemple, vous pouvez effectuer les actions suivantes :

  • Rétablir les actions tant que vous n’avez pas effectué de modification de page depuis que vous avez utilisé l’option Annuler.
  • Annulez un maximum de 20 actions de modification (paramètre par défaut).
  • Utilisez également Raccourcis clavier pour annuler et rétablir.

Vous pouvez utiliser les options Annuler et Rétablir pour les types de modifications de page suivants :

  • Ajout, modification, suppression et déplacement de paragraphes
  • Modification statique du contenu des paragraphes
  • Copie, découpe et collage d’éléments dans une page
REMARQUE
  • Des autorisations spéciales sont nécessaires pour annuler et rétablir des modifications affectant des fichiers et des images.
  • L’historique des modifications apportées aux fichiers et aux images dure au moins dix heures. Au-delà de cette période, l’annulation des modifications n’est toutefois pas garantie. Votre administrateur peut modifier l’heure par défaut de dix heures.
  • L’administrateur système peut configurer divers aspects des fonctions Annuler/Rétablir en fonction des exigences de votre instance.

Sur cette page