Création et organisation des pages

Cette section décrit comment créer et gérer des pages avec Adobe Experience Manager (AEM) pour pouvoir ensuite créer du contenu sur ces pages.

Organisation du site web

En tant qu’auteur, vous devez organiser votre site web dans AEM. Cela implique de créer et de nommer vos pages de contenu de façon à ce que :

• vous puissiez les trouver facilement dans l’environnement de création ;
• les visiteurs sur votre site puissent facilement les parcourir dans l’environnement de publication.

Vous pouvez également vous aider de dossiers pour organiser votre contenu.

La structure d’un site Web peut être comparée à celle d’un arbre qui soutient vos pages de contenu. Les noms de ces pages de contenu sont utilisés pour former des URL qui indiquent les titres lorsque le contenu des pages est affiché.

Vous trouverez ci-dessous un extrait du site Geometrixx ; par exemple, où est accessible la page Triangle :

• Environnement de création

  http://localhost:4502/cf#/content/geometrixx/en/products/triangle.html

• Environnement de publication

  http://localhost:4503/content/geometrixx/en/products/triangle.html

  Selon la configuration de votre instance, le segment /content peut être facultatif dans l’environnement de publication.

  /content
    /geometrixx
      /en
        /toolbar...
        /products
          /triangle
            /overview
            /features
          /square...
          /circle...
          /...
        /...
      /fr...
      /de...
      /es...
      /...
    /...

Cette structure est visible à partir de la console Sites web, que vous pouvez utiliser pour parcourir l’arborescence.

Conventions de dénomination des pages

Lors de la création d’une page, il existe deux champs clés :

• Titre :

  • Il s’affiche pour l’utilisateur dans la console et dans la partie supérieure du contenu de la page lors de la modification.
  • Ce champ est obligatoire.

• Nom :

  • Il est utilisé pour générer l’URI.
  • L’entrée utilisateur pour ce champ est facultative. S’il n’est pas spécifié, le nom est dérivé du titre.

Lors de la création d’une page AEM valide le nom de la page en fonction des conventions ; imposé par AEM et JCR.

La mise en œuvre et la liste des caractères autorisés diffère légèrement en fonction de l’IU (ils sont plus étendus pour l’IU activée pour les écrans tactiles), mais les caractères autorisés minimum sont les suivants :

• De « a » à « z »
• De « A » à « Z »
• De « 0 » à « 9 »
• _ (trait de soulignement)
• - (tiret/signe moins)

N’utilisez que ces caractères si vous voulez vous assurer qu’ils seront acceptés/utilisés (si vous avez besoin d’une liste complète des caractères autorisés, consultez les conventions de dénomination).

Titre

Si vous n’indiquez qu’une page Titre lors de la création d’une page, AEM délivre la page Nom de cette chaîne et valider le nom en fonction des conventions ; imposé par AEM et JCR. Dans les deux interfaces utilisateur, un champ Titre contenant des caractères non valides sera accepté, mais les caractères non valides seront remplacés pour le nom dérivé. Par exemple :

Nom

Si vous fournissez une page Nom lors de la création d’une page, AEM valide le nom en fonction des conventions ; imposé par AEM et JCR.

Dans l’IU classique, vous ne pouvez pas entrer de caractères non valides dans le champ Nom.

Modèles

Dans AEM, un modèle spécifie un type de page spécialisé. Un modèle est utilisé comme base pour toute nouvelle page créée.

Le modèle définit la structure d’une page, y compris une miniature et d’autres propriétés. Par exemple, vous pouvez avoir des modèles distincts pour les pages de produits, les plans de site et les coordonnées. Les modèles sont constitués de composants.

AEM comporte plusieurs modèles prêts à l’emploi. Les modèles proposés dépendent du site web individuel et des informations qui doivent être fournies (lors de la création d’une page) de l’interface utilisée. Les champs clés sont les suivants :

• Titre
  Titre affiché sur la page web obtenue.

• Nom
  Utilisé lors de l’attribution du nom de la page.

• Modèle
  Liste des modèles utilisables lors de la génération de la nouvelle page.

Composants

Les composants sont les éléments fournis par AEM afin que vous puissiez ajouter des types de contenu spécifiques. Des composants prêts à l’emploi sont fournis avec AEM pour procurer une fonctionnalité complète ; il s’agit des composants suivants :

• Texte
• Image
• Diaporama
• Vidéo
• Bien plus

Une fois que vous avez créé et ouvert une page, vous pouvez ajouter du contenu à l’aide des composants, disponibles dans le sidekick.

Gestion des pages

Création d’une page

Avant de pouvoir commencer à créer du contenu, vous devez créer une page, à moins que toutes les pages n’aient été créées pour vous à l’avance :

1. Dans la Sites web , sélectionnez le niveau auquel vous souhaitez créer une page.

   Dans l’exemple suivant, vous créez une page au niveau Produits, illustré dans le volet de gauche ; le volet de droite montre les pages qui existent déjà au niveau Produits.

   

2. Dans le menu Nouveau… (cliquez sur la flèche à côté de Nouveau…), sélectionnez Nouvelle page…. La fenêtre Créer une page s’ouvre.

   Cliquer sur Nouveau… agit également comme un raccourci vers la fonction Nouvelle page….

3. La variable Créer une page vous permet d’effectuer les opérations suivantes :

   • Fournissez un Titre, celui-ci est affiché pour l’utilisateur ou l’utilisatrice.

   • Fournissez un Nom, celui-ci est utilisé pour générer l’URI. S’il n’est pas spécifié, le nom est dérivé du titre.

     • Si vous fournissez une page Nom lors de la création d’une page, AEM valide le nom en fonction des conventions ; imposé par AEM et JCR.
     • Dans l’IU classique, vous ne pouvez pas entrer de caractères non valides dans le champ Nom.

   • Cliquez sur le modèle à utiliser pour créer la nouvelle page.

     Le modèle sert de base à la nouvelle page : par exemple, pour déterminer la mise en page de base d’une page de contenu.

   REMARQUE

   Voir Conventions de dénomination de page.

   Les informations minimales requises pour créer une page sont les suivantes : Titre et le modèle requis.

   

   REMARQUE

   Si vous souhaitez utiliser des caractères Unicode dans les URL, définissez la propriété d’alias (sling:alias) (propriétés de page).

4. Cliquez sur Créer pour créer la page. Vous revenez à la console Sites web où vous pouvez voir une entrée pour la nouvelle page.

   La console fournit des informations sur la page (par exemple, quand elle a été modifiée pour la dernière fois et par qui) qui est mise à jour selon les besoins.

   REMARQUE

   Vous pouvez également créer une page lorsque vous modifiez une page existante. Utilisation Créer une page enfant de la Page de sidekick crée une page directement sous la page en cours de modification.

Ouverture d’une page pour la modifier

Vous pouvez ouvrir la page à modifier par l’une des méthodes suivantes :

• Depuis la console Sites web, vous pouvez double-cliquer sur l’entrée de page pour l’ouvrir en vue de la modifier.

• Dans la console Sites web, cliquez avec le bouton droit (menu contextuel) sur l’élément de page, puis sélectionnez Ouvrir dans le menu.

• Après avoir ouvert une page, vous pouvez accéder à d’autres pages du site (en vue de les modifier) en cliquant sur des liens hypertexte.

Copier et coller une page

Lors de la copie, vous pouvez copier :

• une seule page ;
• une page ainsi que toutes les sous-pages.

1. Dans la console Sites web, sélectionnez la page à copier.

   REMARQUE

   À ce stade, il importe peu de copier une seule page ou les sous-pages sous-jacentes.

2. Cliquez sur Copier.

3. Accédez au nouvel emplacement et cliquez sur :

   • Coller pour coller la page avec toutes les sous-pages ;
   • Maj+Coller pour coller uniquement la page sélectionnée.

   Les pages sont collées au nouvel emplacement.

   REMARQUE

   Le nom de la page peut être ajusté automatiquement si une page existante porte déjà le même nom.

   REMARQUE

   Utilisez l’option Copier la page dans l’onglet Page du sidekick. Une boîte de dialogue s’ouvre, dans laquelle vous pouvez spécifier la destination, etc.

Déplacer ou modifier le du nom d’une page

La procédure pour déplacer ou renommer une page est la même. Avec la même action, vous pouvez :

• déplacer une page vers un nouvel emplacement ;
• renommer une page au même emplacement ;
• déplacer une page vers un nouvel emplacement et la renommer en même temps.

AEM vous offre la possibilité de mettre à jour les liens internes vers la page renommée ou déplacée. Cette opération peut être effectuée page par page afin d’offrir une flexibilité totale.

Pour déplacer ou renommer une page :

1. Plusieurs méthodes permettent de déclencher un déplacement :

   • Dans la console Sites web, cliquez sur la page pour la sélectionner, puis sélectionnez Déplacer.
   • Dans la console Sites web, vous pouvez également sélectionner l’élément de page, puis effectuez un clic droit et sélectionnez Déplacer….
   • Lorsque vous modifiez une page, vous pouvez sélectionner Déplacer la page dans l’onglet Page du sidekick.

2. La fenêtre Déplacer s’ouvre ; vous pouvez saisir un nouvel emplacement, un nouveau nom pour la page, ou les deux.

   

   La page répertorie également toutes les pages qui font référence à la page en cours de déplacement. Selon le statut de la page de référence, vous pouvez ajuster ces liens sur les pages et/ou republier les pages.

3. Renseignez les champs suivants, le cas échéant :

   • Destination

     Utilisez le plan du site (disponible via le sélecteur de la liste déroulante) pour sélectionner l’emplacement où la page doit être déplacée.

     Si vous renommez uniquement la page, ignorez ce champ.

   • Déplacer

     Indiquez la page à déplacer, ce champ est généralement complété par défaut, selon la méthode de déplacement utilisée et l’endroit où vous avez lancé l’opération.

   • Renommer en

     Le libellé actuel de la page s’affiche par défaut. Si nécessaire, indiquez le nouveau libellé de page.

   • Régler

     Mettez à jour les liens de la page répertoriée qui redirigent vers la page déplacée. Par exemple, si la page A contient des liens vers la page B, AEM ajuste les liens de la page A au cas où vous déplaceriez la page B.

     Cette option peut être sélectionnée ou désélectionnée pour chaque page de référence.

   • Republier

     Publie à nouveau la page de référence ; ici encore, cette option peut être sélectionnée pour chaque page.

   REMARQUE

   Si la page a déjà été activée, le fait de la déplacer la désactivera automatiquement. Par défaut, elle sera réactivée une fois le déplacement terminé. Vous pouvez toutefois changer ce comportement en désélectionnant l’option Republier pour la page dans la fenêtre Déplacer.

4. Cliquez sur Déplacer, puis sur OK pour confirmer l’opération.

   REMARQUE

   Le titre de la page n’est pas mis à jour.

Suppression d’une page

1. Vous pouvez supprimer une page à partir de différents emplacements :

   • Dans la console Sites web, cliquez pour sélectionner la page, puis cliquez avec le bouton droit de la souris et sélectionnez Supprimer dans le menu qui s’affiche.
   • Dans la console Sites web, cliquez pour sélectionner la page, puis sélectionnez Supprimer dans le menu de la barre d’outils.
   • Dans le sidekick, utilisez l’onglet Page pour sélectionner Supprimer la page : cette action supprimera la page actuellement ouverte.

2. Après avoir choisi de supprimer une page, vous devez confirmer la demande, car l’action ne peut être annulée.

   REMARQUE

   Après la suppression, si la page a été publiée, vous pouvez restaurer la dernière version (ou une version spécifique), mais celle-ci peut ne pas avoir exactement le même contenu que la dernière version, si d’autres modifications y ont été apportées. Voir Restauration de pages pour plus de détails.

Verrouillage d’une page

Vous pouvez verrouillage/déverrouillage d’une page depuis une console ou lors de la modification d’une page individuelle. Les informations sur les pages verrouillées s’affichent également aux deux emplacements.

Création d’un dossier

1. Ouvrez la console Sites web et accédez à l’emplacement requis.

2. Dans le menu Nouveau… (cliquez sur la flèche en regard de l’option Nouveau…), sélectionnez Nouveau dossier….

3. La variable Créer un dossier s’ouvre. Vous pouvez y entrer le nom et le titre :

   

4. Pour créer le dossier, sélectionnez Créer.