Modification du contenu de la page

Une fois votre page créée (nouvelle ou dans le cadre d’un lancement ou d’une Live Copy), vous pouvez modifier le contenu pour effectuer les mises à 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.

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.

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.

  

• Informations sur la page

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

  

• Emulateur

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

  

• ContextHub

  Ouvre ContextHub. Uniquement disponible en mode Aperçu.

  

• Titre de la page

  Ceci est à titre purement informatif.

  

• Sélecteur de mode

  Elle affiche la variable actuelle mode et vous permet de sélectionner un autre mode, tel que l’édition, la mise en page, la temporisation ou le ciblage.

  

• Aperçu

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

  

• Annoter

  Il vous 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.

  

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.

La notification répertorie le workflow qui s’exécute sur la page. Si l’utilisateur ou l’utilisatrice est impliqué 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 boîte de dialogue Terminer l’élément de travail. box

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

• Afficher les détails : ouvre la fenêtre Détails du workflow

La réalisation et la délégation d’étapes de workflow par le biais de la barre de notification fonctionne de la même manière que lorsque participation aux workflows dans la boîte de réception Notification .

Si la page est soumise à plusieurs workflows, le nombre de workflows s'affiche à droite de la notification, avec des boutons fléchés pour vous permettre de les parcourir.

Espace réservé du composant

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

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

  

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

  

Insertion d’un composant

Insertion d’un composant depuis l’explorateur de composants

Vous pouvez ajouter un composant à l’aide de la méthode explorateur de composants. La variable espace réservé du composant affiche l’emplacement du 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.

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

Vous pouvez ajouter un composant à l’aide de la méthode Faire glisser des composants ici de la boîte du système de paragraphes :

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

2. Il existe deux manières 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.

   

   • Si vous utilisez un ordinateur de bureau, vous pouvez double-cliquer sur le Faire glisser des composants ici de la boîte.

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

   

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

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

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

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

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. La variable espace réservé du composant vous indique l’emplacement du composant.

   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.

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.

Modifier/Configurer/Copier/Couper/Supprimer/Coller

La sélection d’un composant ouvre la barre d’outils. Cela permet d’accéder à diverses actions qui peuvent être exécutées sur le composant.

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

• Modifier

  Dépend du type de composant., vous pouvez ainsi : modifier le contenu du composant ;. Souvent, une barre d’outils est fournie.

  

• Configurer

  Dépend du type de composant. vous pouvez ainsi modifier et configurer les propriétés du composant. Souvent, une boîte de dialogue s’ouvre.

  

• Copier

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

  

• Couper

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

  

• Supprimer

  Cela supprime le composant de la page avec votre confirmation.

  

• Insérer le composant

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

  

• Coller

  Le composant est collé du Presse-papiers à la page. Le contenu d’origine reste ou non en fonction de l’utilisation de la copie ou de la coupure.

  • 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 dans lequel vous sélectionnez l’action de collage.
  • L’action Coller n’est affichée que si du contenu se trouve dans le Presse-papiers.

  

  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 des commandes Ctrl-clic ou Commande-clic.

  

• Parent

  Vous pouvez ainsi sélectionner le composant parent du composant sélectionné.

  

• Disposition

  Vous pouvez ainsi modifier la variable layout 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.

  

• Convertir en variation de fragment d’expérience

  Vous pouvez ainsi créer une Fragment d’expérience du composant sélectionné ou ajoutez-le à un fragment d’expérience existant.

  

Modifier le contenu

Il existe deux méthodes pour ajouter ou modifier du contenu dans les composants :

• Ouvrez la boîte de dialogue du composant pour la modification.
• Faites glisser et déposez un élément depuis l’explorateur de ressources pour ajouter directement du contenu.

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 sont disponibles uniquement en mode plein écran.. Par exemple :

• Composant textuel

  

• Composant d’image

  

  REMARQUE

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

  Faites glisser ou chargez une image (à l’aide de Configurer) avant de commencer à le modifier.

• Composant d’image - Plein écran

  Passage en mode Plein écran pour le composant d’image , il 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.

  

• 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é :

  

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

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 :

Modifier (du contenu) - Mode Plein écran

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

Par exemple, le composant Texte :

Déplacement d’un composant

Pour déplacer un composant de paragraphe :

1. Sélectionnez le paragraphe à déplacer en appuyant ou en cliquant longuement.

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.

   

3. Votre paragraphe est déplacé.

Modification de la disposition du composant

Au lieu de passer de manière répétée de la modification à mode de mise en page pour ajuster un composant, vous pouvez sélectionner la variable Disposition action d’un composant pour modifier la disposition de ce composant. Cela permet de gagner du temps en n’ayant pas à quitter le mode d’édition.

1. Lorsque dans la variable Modifier dans la console sites, si vous sélectionnez un composant, la barre d’outils du composant s’affiche.

   

   Cliquez ou appuyez sur Disposition pour que vous puissiez ajuster la disposition du composant.

   

2. Une fois l’action de 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 disposition au lieu des actions de modification standard s’affichent dans la barre d’outils du composant.

   

   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 apporté les modifications nécessaires à la disposition, cliquez sur Fermer dans le menu action du composant pour arrêter la modification de la mise en page du composant. La barre d’outils du composant revient à son état d’édition normal.

   

Composants hérités

Les composants hérités peuvent être le produit de divers scénarios :

• Gestion multisite
• Lancements (quand basés sur une Live Copy)
• Des composants spécifiques ; par exemple, le système de paragraphes hérité dans Geometrixx

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 :

  

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

  

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

  

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

  

• Un système de paragraphes hérité

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

  

Modification du modèle de page

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

Le mode de la page du statut de la Live Copy vous donne un aperçu rapide du statut de la Live Copy et des composants qui sont ou non hérités :

• Bordure verte : hérité
• Bordure rose : héritage annulé

Par exemple :

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 :

• Mode Aperçu : aperçu rapide et statique

• Afficher comme publié : aperçu complet qui ouvre la page dans un nouvel onglet

Mode Aperçu

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

• Masquez 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.
• Utilisez les liens pour naviguer.
• C’est le cas. 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 :

Afficher comme publié(e)

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

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

  

• Éditeur de page

  1. Pour ouvrir le menu, sélectionnez la Informations sur la page Icône
  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.

Déverrouillage d’une page

Le déverrouillage d’une page est similaire à 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.

Annulation et rétablissement des modifications de page

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 :

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

AEM conserve l’historique des actions que vous effectuez et la séquence selon laquelle vous les réalisez. Cette fonctionnalité signifie que vous pouvez annuler plusieurs actions dans l’ordre dans lequel vous les avez exécutées, puis 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 les commandes pour restaurer l’état récent de votre page web lorsque vous décidez du 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 ».

Vous pouvez utiliser 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.

Ressources Business.Adobe.com

Style System Auto Form Fill Asset Collections Responsive Forms Theme Editor Customer Experience Management