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.

Remarque

Vous devez disposer des droits d’accès et des autorisations appropriés sur votre compte pour agir sur les pages, notamment pour créer, copier, déplacer, modifier et supprimer du contenu.

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

ASTUCE

Il existe un certain nombre de raccourcis clavier à utiliser à partir de la console Sites web qui facilitent l’organisation des 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 :

Utilisation des chemins de navigation

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. Si le nom n’est pas spécifié, il 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 dans le cadre de la bonne pratique définie pour les noms de pages 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.
ASTUCE

Lorsque vous définissez un nom de page, une règle de base à respecter consiste à faire en sorte que le nom de la page reste court, mais aussi significatif que possible pour faciliter la compréhension du lecteur. Consultez le Guide de style W3C sur l’élément title pour obtenir des informations supplémentaires.

N’oubliez pas que certains navigateurs (par exemple, les anciennes versions d’IE) n’acceptent que les URL n’excédant pas une certaine longueur. C’est pourquoi il existe également une raison technique de garder les noms de pages courts.

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.

Remarque

Les noms de pages sont limités à 150 caractères.

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.

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 :

Titre Nom dérivé
Schön schoen.html
SC%&*ç+ sc---c-.html

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. Lorsqu’AEM détecte des caractères incorrects, le champ est mis en surbrillance avec un message d’explication.

Exemple de saisie d’un nom de page non valide

ASTUCE

Vous devez éviter d’utiliser un code à deux lettres tel que défini par la norme ISO-639-1 comme nom de page, sauf s’il s’agit d’une racine de langue.

Pour plus d’informations, voir Préparation du contenu pour la traduction.

Modèles

Dans AEM, un modèle spécifie un type de page spécialisé. Un modèle sera utilisé comme base pour n’importe quelle page créée.

Le modèle définit la structure d’une page, notamment une miniature ainsi que d’autres propriétés. Par exemple, vous pouvez avoir des modèles distincts pour les pages de produits, les plans de sites et les informations de contact. 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. 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.

ASTUCE

Si cette option est configurée sur votre instance, les auteurs de modèles peuvent créer des modèles avec l’éditeur de modèles.

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

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

ASTUCE

La console Composants affiche un aperçu des composants sur votre instance.

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 avec l’option Créer de la barre d’outils, puis sélectionnez Page dans la liste :

    Création d’une page

  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.

    Sélection d’un modèle pour une nouvelle page

  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.

    • Cliquez ou appuyez sur Précédent pour revenir au choix du modèle.

    Les champs clés sont les suivants :

    • Titre :

      • Ce champ s’affiche pour l’utilisateur et est obligatoire.
    • Nom :

      • Il est utilisé pour générer l’URI. Si le nom n’est pas spécifié, il 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. Lorsqu’AEM détecte des caractères non valides, le champ est mis en surbrillance et un message d’explication s’affiche et indique les caractères à supprimer/remplacer.

    Le Titre au moins doit être spécifié pour créer une page.

    Affichage du titre de la page

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

    Réussite de la création de page

    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à, le nom de la nouvelle page sera beach1.

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

    Nouvelle page résultante

ATTENTION

Une fois qu’une page a été créée, son modèle ne peut plus être modifié, à moins de créer un lancement avec un nouveau modèle ; vous perdrez alors tout contenu existant.

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 que vous souhaitez modifier.

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

    Sélectionnez ensuite l’icône Modifier :

    Bouton Modifier

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

Remarque

L’accès à d’autres pages à partir de l’Éditeur de page n’est possible qu’en mode Aperçu, car les liens ne sont pas actifs dans le mode d’édition.

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 que vous souhaitez copier.

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

    Sélectionnez ensuite l’icône de page Copier :

    Copier

    Remarque

    En mode de sélection, cette page est fermée dès qu’elle est copiée.

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

  4. L’icône Coller est disponible avec une flèche déroulante directement à droite :

    Coller

    Vous pouvez effectuer l’une des actions suivantes :

    1. Sélectionner l’icône de page Coller : une copie de la page d’origine et de toutes les pages enfants sera créée à cet emplacement.
    2. Sélectionner la flèche déroulante pour afficher l’option Coller sans enfants. Une copie de la page d’origine sera créée à cet emplacement ; les pages enfants ne seront pas copiées.
    Remarque

    Si vous copiez la page à un emplacement où il existe une page du même nom que l’original, 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 portant le nom beach deviendra beach1.

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 est gérée par le même assistant. 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 des liens internes vers la page dont le déplacement ou le changement de nom est en cours. Vous pouvez procéder page par page afin de bénéficier d’un confort d’utilisation optimal.

  1. Accédez à la page que vous souhaitez déplacer.

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

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

    Bouton Déplacer

    L’assistant de déplacement des pages s’ouvre alors.

  3. À l’étape Renommer de l’assistant, effectuez 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.

    Déplacer et renommer la page

    Le nom de la page peut être conservé 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 portant le nom beach deviendra beach1.

  4. À l’étape Sélectionner la destination de l’assistant, effectuez l’une des opérations suivantes :

    • Utilisez le mode Colonnes pour accéder au nouvel emplacement de la page :

      • Sélectionnez la destination en cliquant sur sa miniature.
      • Cliquez sur Suivant pour continuer.
    • Utilisez la commande Précédent pour revenir à l’étape de spécification du nom de la page.

    Remarque

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

    Sélectionner la destination de la page déplacée

    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 deviendra winter1.

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

    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.

    Republier la page lors du déplacement

  6. Sélectionnez Déplacer pour terminer le processus et déplacer ou renommer votre page.

Remarque

Si la page a déjà été publiée, le déplacement de la page annule automatiquement la publication. Par défaut, la page est republiée une fois le déplacement terminé, mais ce comportement peut être modifié en désélectionnant le champ Republier de l’étape Ajuster/republier.

Remarque

Si la page n’est pas référencée, les étapes Ajuster/republier sont ignorées.

Remarque

L’attribution d’un nouveau nom à une page doit elle aussi respecter les conventions de dénomination des pages lors de la spécification du nouveau nom de la page.

Remarque

Une page peut uniquement être déplacée vers un emplacement où le modèle sur lequel la page est basée est autorisé. Pour plus d’informations, voir Disponibilité des modèles.

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.

        Déplacement de page asynchrone

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.

Remarque

Pour plus d’informations sur le traitement asynchrone des tâches et sur la manière de configurer la limite pour les actions de déplacement/changement de nom de page, consultez le document Tâches asynchrones dans le guide de l’utilisateur relatif aux opérations.

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 :

    Bouton Supprimer

    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.

    Boîte de dialogue Supprimer

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

    • Annuler pour abandonner l’action

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

Si une page est déjà publiée, la publication est automatiquement annulée avant la suppression.

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.

Bouton Verrouiller
Bouton Déverrouiller

Création d’un dossier

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

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

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

  3. Pour afficher la boîte de dialogue, sélectionnez Dossier. Vous pouvez y entrer le nom et le titre :

    Créer un dossier

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

Remarque

Les dossiers doivent eux aussi respecter les conventions de dénomination des pages lors de la spécification du nouveau nom du dossier.

ATTENTION
  • Les dossiers ne peuvent être créés que sous Sites ou sous d’autres dossiers. Ils ne peuvent pas être créés sous une page.
  • Les opérations standard (déplacer, copier, coller, supprimer, publier, annuler la publication et afficher/modifier les propriétés) peuvent être effectuées sur un dossier.
  • Dans une Live Copy, les dossiers ne peuvent pas être sélectionnés.

Sur cette page