Création et organisation des pages

Ce document décrit comment créer et gérer des pages avec Adobe Experience Manager Cloud Service 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 est construite comme une arborescence qui contient vos pages de contenu. Les noms de ces pages de contenu sont utilisés pour former les URL, tandis que les titres sont affichés lorsque le contenu de la page est affiché.

Voici un exemple tiré du site Tutoriel WKND, sur lequel on consulte un article concernant les skateparks (la-skateparks) :

http://<host>:<port>/editor.html/content/wknd/en/sports/la-skateparks.html

 /content
 /wknd
  /en
   /music
    /...
   /sports
    /la-skateparks
    /five-gyms-la
    /mountain-bike-routes
   /shopping
    /...
   /art
    /...
   /...

Cette structure peut être visualisée à partir de la console Sites, dans laquelle vous pouvez accéder aux pages de votre site web et y effectuer des opérations. Vous pouvez également créer des sites et des pages.

À n’importe quel point, la branche ascendante est visible à partir du chemin de navigation dans la barre d’en-tête :

Conventions de dénomination des pages

Lors de la création d’une page, il y a 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. Consultez la section Restrictions de nom de page et bonnes pratiques pour plus d’informations.

Restrictions de nom de page et bonnes pratiques

Le Titre et le Nom de la page peuvent être créés séparément, mais ils sont associés :

• lors de la création d’une page, seul le champ Titre est requis. Si aucun nom n’est indiqué lors de la création de la page, AEM génère un nom à partir des 64 premiers caractères du titre (examinez la validation présentée ci-dessous). Seuls les 64 premiers caractères sont utilisés pour prendre en charge la bonne pratique des noms de page courts.
• Si un nom de page est spécifié manuellement par l’auteur, la limite de 64 caractères ne s’applique pas, mais d’autres limitations techniques sur la longueur du nom de la page peuvent s’appliquer.

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

Les caractères minimum autorisés sont :

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

Vous trouverez la liste complète et détaillée des caractères autorisés dans les conventions de dénomination.

Titre

Si vous n’indiquez qu’un titre de page lors de la création d’une page, AEM utilise le nom de la page de cette chaîne et valide le nom en fonction des conventions imposées par AEM et JCR.

A Titre Le champ contenant des caractères non valides est accepté, mais les caractères non valides sont remplacés pour le nom dérivé. Par exemple :

Nom

Si vous indiquez un nom de page lors de la création d’une page, AEM valide le nom en fonction des conventions imposées par AEM et JCR. Vous ne pouvez pas utiliser de caractères non valides dans le champ Nom. Lorsque AEM détecte des caractères non valides, le champ est mis en surbrillance avec un message d’explication.

Modèles

Dans AEM, un modèle spécifie un type de page spécialisé. Un modèle sert de base à 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 disponibles dépendent du site web individuel. 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
• Titre
• Carrousel
• Et bien plus encore.

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

Gestion des pages

Création d’une page

À moins que toutes les pages n’aient été créées pour vous au préalable, vous devez créer une page avant de commencer à créer du contenu :

1. Ouvrez la console Sites (par exemple, https://<host>:<port>/sites.html/content).

2. Accédez à l’emplacement où créer la page.

3. Ouvrez le sélecteur de liste déroulante à l’aide de Créer dans la barre d’outils, puis sélectionnez Page dans la liste :

   

4. À la première étape de l’assistant, vous pouvez effectuer l’une des opérations suivantes :

   • Sélectionnez le modèle à utiliser pour créer la page, puis cliquez ou appuyez sur Suivant pour poursuivre.

   • Cliquez/appuyez sur Annuler pour interrompre le processus.

   

5. À l’étape finale de l’assistant, vous pouvez effectuer l’une des opérations suivantes :

   • Utilisez les trois onglets pour accéder aux propriétés de la page à attribuer à la nouvelle page, puis cliquez ou appuyez sur Créer pour réellement créer la page.

   • Utilisez Précédent pour revenir à la sélection de modèle.

   Les champs clés sont les suivants :

   • Titre :

     • Il est visible par la personne utilisatrice et est obligatoire.

   • Nom :

     • Il est utilisé pour générer l’URI. S’il n’est pas spécifié, le nom est dérivé du titre.
     • Si vous indiquez un nom de page lors de la création d’une page, AEM valide le nom en fonction des conventions imposées par AEM et JCR.
     • Vous ne pouvez pas utiliser de caractères non valides dans le champ Nom. Lorsque AEM détecte des caractères non valides, le champ est mis en surbrillance et un message d’explication s’affiche pour indiquer les caractères à supprimer/remplacer.
   CONSEIL

   Voir Conventions de dénomination de page.

   Les informations minimales requises pour créer une page sont le Titre.

   

6. Cliquez ou appuyez sur Créer pour terminer le processus et créer la page. La boîte de dialogue de confirmation vous demande si vous souhaitez ouvrir immédiatement la page ou revenir à la console (Terminé) :

   

   REMARQUE

   Si vous créez une page en utilisant un nom qui existe déjà à cet emplacement, le système génère automatiquement une variante du nom en y ajoutant un numéro. Par exemple, si beach existe déjà, une nouvelle page devient beach1.

7. Si vous revenez à la console, la nouvelle page est présentée :

   

Ouverture d’une page pour la modifier

Après avoir créé une page ou accédé à une page existante (dans la console), vous pouvez l’ouvrir pour la modifier :

1. Ouvrez la console Sites.

2. Accédez à la page à modifier.

3. Sélectionnez votre page à l’aide de l’une des options suivantes :

   • Actions rapides
   • Le mode de sélection et la barre d’outils

   Sélectionnez ensuite l’icône Modifier :

   

4. La page s’ouvre et vous pouvez modifier la page ; selon les besoins.

Copier et coller une page

Vous pouvez copier une page ainsi que toutes ses sous-pages à un nouvel emplacement :

1. Dans la console Sites, accédez à la page à copier.

2. Sélectionnez votre page à l’aide de l’une des options suivantes :

   • Actions rapides
   • Le mode de sélection et la barre d’outils

   Puis l’icône Copier la page :

   

3. Accédez à l’emplacement destiné à la nouvelle copie de la page.

4. Appuyez ou cliquez sur l’icône Coller qui est devenue disponible.

   

5. La boîte de dialogue de collage présente un résumé de la transaction de collage et permet d’effectuer les opérations suivantes :

   • Nouveau nom du site : modifiez le nom de la page collée.
   • Coller sans enfants : omettez les pages enfants de la page sélectionnée lors du collage (par défaut, les pages enfants sont collées).

   

6. Appuyez ou cliquez sur le bouton Coller pour confirmer la transaction de collage et créer la ou les nouvelle(s) page(s).

Déplacement ou changement de nom d’une page

La procédure pour déplacer ou renommer une page est plus ou moins la même et les deux actions sont gérées par le même assistant de déplacement des pages. Cet assistant permet d’effectuer les opérations suivantes :

• Renommer une page sans la déplacer
• Déplacer la page sans la renommer
• Déplacer et renommer une page simultanément

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

1. Accédez à la page à déplacer.

2. Sélectionnez votre page à l’aide de l’une des options suivantes :

   • Actions rapides
   • Le mode de sélection et la barre d’outils

   Sélectionnez ensuite l’icône Déplacer la page :

   

   L’assistant de déplacement de page s’ouvre alors.

3. À l’étape Renommer de l’assistant, vous pouvez effectuer l’une des opérations suivantes :

   • Spécifiez le nom à attribuer à la page après son déplacement et cliquez/appuyez sur Suivant pour poursuivre.
   • Cliquez/appuyez sur Annuler pour interrompre le processus.

   

   Le nom de la page peut rester identique si vous déplacez uniquement la page.

   REMARQUE

   Si vous déplacez la page à un emplacement où il existe une page du même nom, le système génère automatiquement une variante du nom en y ajoutant un numéro. Par exemple, si beach existe déjà, une nouvelle page nommée beach devient beach1.

4. À l’étape Sélectionner une destination de l’assistant, vous pouvez effectuer l’une des opérations suivantes :

   • Utilisez la vue Colonne pour accéder au nouvel emplacement de la page :

     • Sélectionnez la destination en cliquant sur sa miniature.
     • Cliquez sur Suivant pour continuer.

   • Utilisez Précédent pour revenir à la spécification du nom de page.

   REMARQUE

   Par défaut, le parent de la page que vous déplacez ou renommez est sélectionné comme destination.

   

   REMARQUE

   Si vous déplacez la page à un emplacement où il existe une page du même nom, le système génère automatiquement une variante du nom en y ajoutant un numéro. Par exemple, si winter existe déjà, winter devient winter1.

5. Si la page est liée ou référencée, ou si elle a été publiée, les détails sont répertoriés dans la Ajuster/republier étape .

   Vous pouvez indiquer quelles pages sont les pages à adapter et/ou à republier.

   REMARQUE

   Si la page n’est ni liée ni référencée, cette étape ne sera pas disponible.

   

6. Si vous sélectionnez Déplacer, le processus se terminera et votre page sera déplacée ou renommée selon les besoins.

Actions asynchrones

Normalement, une action de déplacement ou de changement de nom de page est exécutée immédiatement. Cela est considéré comme un traitement synchrone et toute action supplémentaire dans l’interface utilisateur est bloquée jusqu’à ce que l’action soit terminée.

Cependant, si le nombre de pages affectées est supérieur à une limite définie, l’action est traitée de manière asynchrone, ce qui permet à l’utilisateur de continuer à créer dans l’interface utilisateur sans être entravé par l’action de déplacement ou de changement de nom de page.

• Lorsque vous cliquez sur Déplacer à la dernière étape ci-dessus, AEM vérifie la limite configurée.
• Si le nombre de pages affectées est inférieur à la limite, il effectue une opération synchrone.
• S’il est supérieur à la limite, il effectue une opération asynchrone.
  • L’utilisateur doit définir quand l’opération asynchrone doit être effectuée.

    • Maintenant : l’exécution de la tâche asynchrone commence immédiatement.

    • Plus tard : l’utilisateur peut définir le moment où la tâche asynchrone débutera.

      

L’état des tâches asynchrones peut être vérifié dans le tableau de bord État des tâches asynchrones en sélectionnant Navigation globale -> Outils -> Opérations -> Tâches.

Suppression d’une page

1. Accédez à la page que vous souhaitez supprimer.

2. En mode de sélection, sélectionnez la page requise, puis utilisez la commande Supprimer de la barre d’outils :

   

   REMARQUE

   Par mesure de sécurité, l’icône Supprimer la page n’est pas disponible en tant qu’action rapide.

3. Une boîte de dialogue de confirmation s’affiche.

   

   • Voulez-vous archiver les pages avant la suppression ? - Si cette case est cochée, les versions des pages sélectionnées pour suppression sont créées lors de la suppression.

     • Il est possible de restaurer les versions ultérieurement.
     • Les pages supprimées sans les versions précédentes ne peuvent pas être restaurées.

   • Annuler pour abandonner l’opération.

   • Supprimer pour confirmer l’action :

     • Si la page ne comporte aucune référence, elle est supprimée.
     • Si la page comporte des références, un message vous informe qu’une ou plusieurs pages sont référencées. Vous pouvez sélectionner Forcer la suppression ou Annuler.

Verrouillage d’une page

Vous pouvez verrouiller ou déverrouiller une page à partir d’une console ou lorsque vous modifiez une page. Les deux environnements indiquent également si une page est verrouillée ou non.

Création d’un dossier

Vous pouvez créer des dossiers pour classer vos fichiers et vos pages.

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

2. Pour ouvrir la liste des options, sélectionnez Créer dans la barre d’outils

3. Sélectionnez Dossier pour ouvrir la boîte de dialogue. Vous pouvez y entrer le nom et le titre :

   

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

Ressources Business.Adobe.com