Modification du contenu de la page editing-page-content

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 des composants (appropriés au type de contenu) qui peuvent être glissés sur la page. Ils peuvent ensuite être modifiés sur place, déplacés ou supprimés.

NOTE
Vous devez disposer des droits d’accès et des autorisations appropriés pour modifier des pages.
En cas de problème, contactez votre administrateur ou administratrice système.
NOTE
Si votre page, votre modèle, ou les deux sont correctement configurés, vous pouvez utiliser une disposition réactive lors de la modification.
NOTE
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 page-toolbar

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

    Cette action ouvre/ferme le panneau latéral, qui contient l’explorateur de ressources, l’explorateur de composants et l’arborescence de contenu.

    Activer/désactiver le panneau latéral

  • Informations sur la page

    Permet d’accéder au menu Informations sur la page 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.

    Informations sur la page

  • Émulateur

    Fait basculer la barre d’outils de l’émulateur utilisée pour émuler l’aspect de la page sur un autre appareil. Cette option est automatiquement basculée en mode de mise en page.

    Émulateur

  • ContextHub

    Ouvre ContextHub. Uniquement disponible en mode Aperçu.

    ContextHub

  • Titre de la page

    Ceci est à titre 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.

    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.

    Mode 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.

    Annoter

Notification de statut status-notification

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 des workflows

NOTE
La barre de statut n’est visible que pour les comptes d’utilisateur ou d’utilisatrice disposant des privilèges appropriés.

La notification répertorie le workflow qui s’exécute sur la page. Si la personne utilisatrice est impliquée dans l’étape de workflow en cours, les options pour affecter le statut du workflow et obtenir plus d’informations sur le workflow sont également disponibles, par exemple :

  • Terminer - Ouvre la fenêtre Terminer l’élément de travail boîte de dialogue

  • 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.

Notification du nombre de workflows

Espace réservé au composant component-placeholder

L’espace réservé indique le positionnement du composant que vous déposez. Pour l’afficher, survolez le composant.

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

    ajout d’un nouveau composant

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

    déplacement d’un composant existant

Insertion d’un composant inserting-a-component

Insertion d’un composant depuis l’explorateur de composants inserting-a-component-from-the-components-browser

Vous pouvez ajouter un composant à l’aide de l’explorateur de composants. L’espace réservé au composant vous indique où sera positionné le composant.

  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.

NOTE
Sur un appareil mobile, l’explorateur de composants remplit tout l’écran. Quand vous faites 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 inserting-a-component-from-the-paragraph-system

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

  1. Assurez-vous que votre page est en mode d’édition.

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

    • Sélectionnez l’option Insérer le composant (+) depuis la barre d’outils d’un composant existant ou dans la zone Faire glisser les composants ici.

    Insérer une sélection de composants

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

    La boîte de dialogue Insérer un nouveau composant s’ouvre pour vous permettre de sélectionner le composant requis :

    Insertion d’un nouveau composant.

  3. Le composant sélectionné est ajouté au bas de la page. Modifiez le composant si nécessaire.

Insertion d’un composant à partir de l’explorateur de ressources inserting-a-component-using-the-assets-browser

Vous pouvez également ajouter un composant à la page en faisant glisser une ressource depuis l’explorateur de ressources. Cela crée automatiquement un composant du type approprié contenant la ressource.

Cette procédure est valide pour les types de ressources suivants (certains dépendent du système de pages/paragraphes) :

Type de ressource
Type de composant résultant
Image
Image
Document
Télécharger
Produit
Produit
Vidéo
Flash
Fragment de contenu
Fragment de contenu
NOTE
Ce comportement peut être configuré pour votre installation. Voir Configuration d’un système de paragraphe afin que le glissement d’une ressource crée une instance de composant pour plus de détails.

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 l’explorateur de ressources.

  3. Faites glisser le composant jusqu’à la position requise. L’espace réservé au composant vous indique où le composant est positionné.

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

  4. Modifiez le composant si nécessaire.

NOTE
Sur un appareil mobile, l’explorateur de ressources remplit tout l’écran. Quand vous faites glisser une ressource, l’explorateur se ferme pour afficher à nouveau la page. Vous pouvez alors placer la ressource.

Lorsque vous parcourez les ressources, si vous constatez que vous devez apporter une modification rapide à une ressource, cliquez sur l’icône de modification en regard du nom de la ressource pour lancer la fonction Éditeur de ressources.

icône de modification

Modifier/Configurer/Copier/Couper/Supprimer/Coller edit-configure-copy-cut-delete-paste

Sélectionner un composant ouvre la barre d’outils. Cela permet d’accéder à diverses actions pouvant être réalisées sur le composant.

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

options de la barre d’outils de composants

  • Modifier

    En fonction du type de composant, vous pouvez en modifier le contenu. Souvent, une barre d’outils est fournie.

    Modifier

  • Configurer

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

    Configurer

  • Copier

    Le composant est copié dans le presse-papiers. Le composant d’origine reste après un collage.

    Copier

  • Couper

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

    Couper

  • Supprimer

    Après confirmation de votre part, le composant de la page est supprimé.

    Supprimer

  • Insérer le composant

    La boîte de dialogue s’ouvre, permettant d’ajouter un composant.

    Insérer le composant

  • Coller

    Le composant est collé du presse-papiers dans la page. L’original est conservé ou non, selon la fonction que vous avez utilisée (Couper ou Coller).

    • Vous pouvez coller les composants sur la même page ou sur une autre.
    • L’élément collé est collé au-dessus de l’élément pour lequel vous avez sélectionné l’action de collage.
    • L’action de collage ne s’affiche que si du contenu se trouve dans le presse-papiers.

    Coller

    note note
    NOTE
    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

    Cette option permet de sélectionner plusieurs composants à la fois. Vous pouvez obtenir le même résultat sur un poste de travail à l’aide des commandes Ctrl-clic ou Commande-clic.

    Groupe

  • Parent

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

    Parent

  • Disposition

    Cette option permet de modifier la disposition du composant sélectionné. Cela s’applique uniquement au composant sélectionné et n’active pas le mode de disposition pour la page entière.

    Disposition

  • 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.

    Convertir en variation de fragment d’expérience

Modifier le contenu edit-content

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

Boîte de dialogue de modification du composant component-edit-dialog

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

    Composant textuel

  • Composant d’image

    Composant d’image

    note note
    NOTE
    La modification n’est pas possible sur un composant d’image vide.
    Faites glisser ou chargez 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 Carte de lancement et Réinitialiser le zoom. En outre, le mode plein écran permet de sélectionner les paramètres prédéfinis de recadrage.

    Composant d’image - Plein écran

  • Les composants construits à partir de plusieurs composants de base, tels que le composant de base Texte et image, vous demandent tout d’abord de confirmer le jeu d’options de modification désiré :

    Options de modification des composants

Faire glisser et déposer des éléments dans des composants drag-and-drop-assets-into-component

Pour certains types de composants, vous pouvez effectuer un glisser-déposer des ressources depuis l’explorateur de ressources directement dans le composant pour mettre à jour le contenu :

Type de ressource
Type de composant
Image
Image
Document
Télécharger
Produit
Produit
Vidéo
Flash
Fragment de contenu
Fragment de contenu

Modifier (du contenu) - Mode Plein écran edit-content-full-screen-mode

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

Modifier le mode Plein écran

Par exemple, le composant Texte  :

Éditeur de texte

NOTE
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 moving-a-component

Pour déplacer un composant de paragraphe :

  1. Sélectionnez le paragraphe à déplacer en maintenant la souris enfoncée ou en cliquant et en maintenant la souris 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 du composant de paragraphe

  3. Votre paragraphe est déplacé.

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

Modification de la disposition du composant edit-component-layout

Au lieu de passer sans cesse du mode d’édition au mode de disposition pour ajuster un composant, vous pouvez sélectionner l'action Disposition pour modifier la disposition de ce composant. Cela permet de gagner du temps en n’ayant pas à quitter le mode d’édition.

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

    Mode d’édition dans le formulaire

    Cliquez sur le bouton Disposition pour que vous puissiez ajuster la disposition du composant.

    Barre d’outils de composants

  2. Une fois l’action de mise en page 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.

    Aperçu du formulaire sur plusieurs appareils

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

  3. Après avoir effectué les modifications de disposition nécessaires, cliquez sur le bouton Fermer dans le menu des actions du composant pour cesser la modification de la disposition du composant. La barre d’outils du composant revient à son état d’édition normal.

    Fermer

NOTE
L’action Disposition est limitée au composant sélectionné. Par exemple, si vous modifiez la disposition d’un composant, puis sélectionnez un autre composant, la barre d’outils d’édition standard (et non la barre d’outils de disposition) s’affiche pour le nouveau composant sélectionné. 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 inherited-components

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, vous pouvez effectuer cette opération depuis :

  • Live Copy

    La barre d’outils du composant, si celui-ci est situé sur une page qui fait partie d’une Live Copy ou d’un lancement (basé sur une Live Copy). Par exemple :

    Live Copy

    L’option Annuler l’héritage est disponible :

    Annuler l’héritage

    Vous pouvez également réactiver l’héritage s’il a déjà été annulé :

    Réactiver l’héritage

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

    Déployer

  • Un système de paragraphes hérité

    Boîte de dialogue de configuration. Par exemple, comme avec le système de paragraphes hérité :

    Système de paragraphe hérité

Modification du modèle de page editing-the-page-template

Si la page est basée sur un modèle modifiable, vous pouvez facilement passer à l’éditeur de modèles en sélectionnant Modifier le modèle dans le menu Informations sur la page.

Si la page est basée sur un modèle statique, vous pouvez basculer vers le mode de création à l’aide du sélecteur du mode de page de la barre d’outils afin d’activer ou de désactiver les composants à utiliser 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 live-copy-status

Le mode de la page du statut de la Live Copy vous donne une vue d’ensemble rapide du statut de la Live Copy et des composants qui sont ou non hérités :

  • Bordure verte : hérité
  • Bordure rose : l’héritage est annulé.

Par exemple :

Statut de l’héritage de la Live Copy

Ajout d’annotations adding-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 previewing-pages

Deux options sont disponibles pour prévisualiser une page :

NOTE
  • 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é.
NOTE
Le cookie de mode WCM est défini pour les deux options.

Mode Aperçu preview-mode

Lorsque vous modifiez du contenu, vous pouvez prévisualiser la page à l’aide du mode Aperçu. Ce mode permet d’effectuer les opérations suivantes :

  • Masquer les différents mécanismes de modification afin de disposer d’un aperçu rapide de l’affichage de la page lors de sa publication.
  • Utiliser les liens pour naviguer.
  • N’actualise pas 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 :

Aperçu

Afficher comme publié(e) view-as-published

L’option Afficher comme publié(e) est disponible à partir du menu Informations sur la page. La page s’ouvre alors dans un nouvel onglet, actualise le contenu et affiche la page telle qu’elle apparaît exactement lors de sa publication.

Verrouillage d’une page locking-a-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 :

  • La console Sites

    1. Sélectionnez la page en mode de sélection.
    2. Sélectionnez l’icône de verrou.

    Icône de cadenas

  • Éditeur de page

    1. Pour ouvrir le menu, sélectionnez l’icône Informations sur la page.
    2. Sélectionnez l’option 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.

Symbole de verrouillage

CAUTION
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 l’utilisateur ou l’utilisatrice dont l’identité a été empruntée ou par l’utilisateur ou l’utilisatrice admin.
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.

Déverrouillage d’une page unlocking-a-page

Le déverrouillage d’une page est similaire au verrouillage de la page. Lorsque la page est 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.

Déverrouiller

CAUTION
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 l’utilisateur ou l’utilisatrice dont l’identité a été empruntée ou par l’utilisateur ou l’utilisatrice admin.
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.

Annulation et rétablissement des modifications de page undoing-and-redoing-page-edits

Les icônes suivantes vous permettent d’annuler ou de rétablir une action. Elles s’affichent dans la barre d’outils, le cas échéant :

Annuler et rétablir

NOTE
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.
NOTE
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 undoing-and-redoing-page-edits-the-theory

NOTE
L’administrateur système peut configurer divers aspects des fonctions Annuler/Rétablir en fonction des exigences de votre instance.

AEM conserve l’historique des actions que vous effectuez et la séquence selon laquelle vous les réalisez. Cette fonctionnalité vous permet d’annuler plusieurs actions dans l’ordre dans lequel vous les avez réalisées, puis de les rétablir pour appliquer à nouveau une ou plusieurs de ces actions, si nécessaire.

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 Rétablir pour « annuler l’annulation ».

NOTE
Vous pouvez :
  • Rétablir les actions tant que vous n’avez pas effectué de modification de page depuis que vous avez utilisé l’option Annuler.
  • Annuler un maximum de 20 actions de modification (paramètre par défaut).
  • Utilisez également les 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 sur place du contenu des paragraphes
  • Copie, découpe et collage d’éléments dans une page

Les champs de formulaire dont le rendu des composants de formulaire est effectué ne sont pas censés contenir de valeurs spécifiées lors de la création de pages. Les commandes Annuler et Rétablir n’affectent donc pas les modifications que vous apportez aux valeurs des composants de ce type. Par exemple, vous ne pouvez pas annuler la sélection d’une valeur dans une liste déroulante.

NOTE
Des autorisations spéciales sont nécessaires pour annuler et rétablir des modifications affectant des fichiers et des images.
NOTE
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 ou administratrice peut modifier la durée par défaut de dix heures.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2