Vous consultez actuellement l'aide de la version:

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.

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èmes, contactez votre administrateur système.

Organisation du site web

En tant qu’auteur, vous devez organiser votre site web dans AEM. Ceci implique de créer et de nommer vos pages de contenu afin que vous puissiez faire ce qui suit :

  • les trouver facilement dans l’environnement de création ;
  • les visiteurs sur votre site peuvent 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 – IU optimisée pour les écrans tactiles
    http://localhost:4502/editor.html/content/geometrixx/en/products/triangle.html
  • Environnement de création – IU classique
    http://localhost:4502/editor.html/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...
      /...
    /...

Selon l’IU que vous utilisez, cette structure peut se présenter comme suit :

  • Interface utilisateur optimisée pour les écrans tactiles

    Dans la console Sites, vous pouvez accéder aux pages de votre site web et effectuer des opérations sur les pages. 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 :

    chlimage_1
  • IU classique

    Dans la console Sites Web, vous pouvez parcourir l’arborescence :

    chlimage_1

Conventions de dénomination des pages

Lors de la création d’une page, les champs clés sont les suivants :

  • Titre :
    • Celui-ci est présenté à l’utilisateur dans la console et affiché en haut du contenu de la page lors de la modification.
    • Ce champ est obligatoire.
  • Nom :
    • Celui-ci est utilisé pour générer l’URI.
    • L’utilisateur peut remplir ce champ s’il le souhaite (facultatif). 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ées par AEM et JCR.

La mise en œuvre et la liste de caractères autorisés diffèrent légèrement en fonction de l’IU (plus large pour l’IU optimisée pour les écrans tactiles), mais le minimum autorisé est :

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

Utilisez uniquement ces caractères si vous voulez vous assurer qu’ils seront acceptés/utilisés (si vous avez besoin de consulter la liste complète et détaillée des caractères autorisés, voir les conventions de dénomination).

Titre

Si vous renseignez uniquement un titre de page lors de la création d’une nouvelle page, AEM crée le Nom de la page à partir de cette chaîne et valide le nom conformément aux conventions imposées 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 :

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

Nom

Si vous renseignez un nom de page lors de la création d’une nouvelle page, AEM valide le nom conformément aux conventions imposées par AEM et JCR.

Dans :

  • L’IU optimisée pour les écrans tactiles, vous ne pouvez pas utiliser des 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 qui doivent être supprimés ou remplacés.
  • Dans l’IU classique, vous ne pouvez pas saisir des 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 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 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 des éléments fournis par AEM pour vous permettre d’ajouter des types spécifiques de contenu. 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
  • etc.

Une fois que vous avez créé et ouvert une page, vous pouvez ajouter du contenu à l’aide des composants (disponibles dans l’explorateur de composants (IU optimisée pour les écrans tactiles) ou dans le sidekick (IU classique).

Remarque :

Les composants de la console donnent un aperçu des composants de votre instance.

Interface utilisateur optimisée pour les écrans tactiles

Création d’une page

Vous devez créer une page avant de pouvoir commencer à créer du contenu, sauf si toutes les pages ont été créées au préalable :

  1. Ouvrez la console Sites (par exemple, http://localhost:4502/sites.html/content).

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

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

    chlimage_1
  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 ou appuyez sur Annuler pour interrompre le processus.
    chlimage_1
  5. À l’étape finale de l’assistant, vous pouvez effectuer l’une des opérations suivantes :

    • Utilisez les deux 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.
    • 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 renseignez un nom de page lors de la création d’une nouvelle page, AEM validera le nom conformément aux conventions imposées par AEM et JCR.
      • Dans l’IU optimisée pour les écrans tactiles, vous ne pouvez pas soumettre des 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 qui doivent être supprimés ou remplacés.

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

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

    chlimage_1

    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 ; par exemple carré deviendra carré0.

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

    chlimage_1

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 déjà existant.

Ouverture d’une page pour modification

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 (par exemple, http://localhost:4502/sites.html/content).

  2. Accédez à la page que vous souhaitez modifier.

  3. Utilisez :

    Sélectionnez votre page, puis l’icône Modifier :

    chlimage_1
  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 de l’Éditeur de page de l’interface utilisateur optimisée pour les écrans tactiles.

Copie et collage d’une page

Lors de la copie, vous pouvez copier une page ainsi que toutes ses pages secondaires :

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

  2. À l’aide de l’une des fonctionnalités suivantes :

    Sélectionnez la page, puis l’icône de page Copier :

    chlimage_1

    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. Cliquez sur l’icône de page Coller :

    chlimage_1

    Une copie de la page originale est créée à cet emplacement.

    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 ; par ex. carré devient carré1.

Déplacement ou changement de nom d’une page

Remarque :

Lorsque vous renommez une page, son nouveau nom est également soumis aux conventions de dénomination des pages.

La procédure pour déplacer ou renommer une page est plus ou moins la même et est gérée dans un assistant. Suivez cette procédure pour renommer une page sans la déplacer, pour déplacer la page sans la renommer ou pour déplacer et renommer simultanément la page.

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. À l’aide de l’une des fonctionnalités suivantes :

    Sélectionnez la page, puis l’icône de page Déplacer :

    chlimage_1

    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, puis cliquez/appuyez sur Suivant pour poursuivre.
    • Cliquez ou appuyez sur Annuler pour interrompre le processus.
    chlimage_1

    Nom de la page :

    • peut être conservé s’il n’existe aucune page portant ce nom au nouvel emplacement ;
    • doit être remplacé par un nouveau nom si vous déplacez la page vers un emplacement dans lequel une page porte déjà ce nom (si vous utilisez le même nom, le système génère automatiquement une variante du nom ; carré par exemple devient carré1).
  4. À l’étape Sélectionner la destination de l’assistant, effectuez l’une des opérations suivantes :

    • Accédez au nouvel emplacement de la page (en utilisant les chemins de navigation et les modes Carte).
    • Utilisez la commande Précédent pour revenir à l’étape de spécification du nom de la page.

    Remarque :

    Si vous déplacez 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 ; par ex. carré devient carré1.

    chlimage_1
  5. Si la page est liée ou référencée par d’autres pages, celles-ci sont répertoriées. Vous pouvez indiquer quelles pages adapter et republier (le cas échéant) :

    chlimage_1

    Remarque :

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

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

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 :

    chlimage_1

    Remarque :

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

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

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

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 ou non verrouillée.

Création d’un dossier

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

Remarque :

Lorsque vous spécifiez le nouveau nom du dossier, celui-ci est également soumis aux conventions de dénomination des pages.

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.
  • Des opérations standard peuvent être effectuées sur un dossier : déplacement, copie, collage, suppression, publication, annulation de publication, affichage et modification des propriétés.
  • Dans une Live Copy, les dossiers ne peuvent pas être sélectionnés.

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

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

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

    chlimage_1
  4. Sélectionnez Créer pour créer le dossier.

IU classique

Création d’une page - IU classique

Vous devez créer une page avant de pouvoir commencer à créer du contenu, sauf si toutes les pages ont été créées au préalable :

  1. Dans la console Sites Web, sélectionnez le niveau auquel créer une page.

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

    screen_shot_2012-02-15at114413am
  2. Dans le menu Nouveau... (cliquez sur la flèche en regard de Nouveau...), puis sélectionnez Nouvelle page... La fenêtre Créer une page s’ouvre.

    Le fait de cliquer directement sur Nouveau... fait office de raccourci vers l’option Nouvelle page....

  3. La boîte de dialogue Créer une page vous permet d’effectuer les opérations suivantes :

    • Fournir un Titre ; celui-ci est présenté à l’utilisateur.
    • Fournir 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 renseignez un nom de page lors de la création d’une nouvelle page, AEM valide le nom conformément aux conventions imposées par AEM et JCR.
      • Dans l’IU classique, vous ne pouvez pas saisir de caractères non valides dans le champ Nom.
    • Cliquer sur le modèle à utiliser pour créer la 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.

    Le Titre et le modèle au moins doivent être spécifiés pour créer une page.

    screen_shot_2012-02-15at114845am

    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 alors à la console Sites Web dans laquelle apparaît une entrée pour la nouvelle page.

    Cette console donne des informations sur la page (la date de la dernière modification et la personne responsable, par exemple), lesquelles sont mises à jour suivant les besoins.

    Remarque :

    Vous pouvez également créer une page lorsque vous modifiez une page existante. Utilisez l’option Créer une page enfant de l’onglet Page du sidekick pour créer une page directement sous la page en cours de modification.

Ouverture d’une page pour la modifier - IU classique

Vous pouvez ouvrir la page à modifier de l’une des façons suivantes :

  • Dans la console Sites Web, double-cliquez sur l’entrée de la 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.

Remarque :

L’Éditeur de page de l’interface utilisateur optimisée pour les écrans tactiles est utilisé par défaut (dans une installation standard). Vous devez explicitement sélectionner ou configurer l’interface utilisateur pour utiliser l’éditeur de l’interface utilisateur classique.

Copie et collage d’une page - IU classique

Vous pouvez copier, au choix :

  • une seule page,
  • une page ainsi que toutes ses pages secondaires.
  1. Dans la console Sites Web, sélectionnez la page à copier.

    Remarque :

    À ce stade, le fait que vous copiez une seule page ou les pages secondaires sous-jacentes n’a pas d’importance.

  2. Cliquez sur Copier.

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

    • Coller pour coller la page, ainsi que toutes les sous pages.
    • Maj + Coller pour coller uniquement la page sélectionnée.

    La ou les pages sont collées au nouvel emplacement.

    Remarque :

    Il se peut que le nom de la page soit modifié 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. Dans la boîte de dialogue qui s’ouvre, vous pouvez spécifier la destination, etc.

Déplacement ou changement de nom d’une page - IU classique

Remarque :

Lorsque vous renommez une page, son nouveau nom est également soumis aux conventions de dénomination de page.

La procédure de déplacement d’une page ou de modification du nom est identique. Effectuez la même opération pour :

  • 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 des liens internes vers la page dont la modification 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.

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 cliquer avec le bouton droit et sélectionner Déplacer.
    • Lors de la modification d’une page, sélectionnez 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.

    screen_shot_2012-02-15at121336pm

    Cette fenêtre répertorie également les pages qui font référence à celle en cours de déplacement. En fonction de l’état de la page de référence, vous pourrez peut-être régler ces liens et/ou republier les pages.

  3. Complétez les champs suivants, selon le cas :

    • Destination
      Utilisez le plan du site (disponible dans la liste déroulante) pour sélectionner l’emplacement vers lequel 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 renseigné 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é de page en cours s’affiche par défaut. Indiquez le nouveau libellé de page, s’il y a lieu.
    • Régler
      Mettez à jour les liens de la page qui pointent vers la page déplacée : par exemple, si la page A contient des liens vers la page B, AEM adapte les liens de la page A en cas de déplacement de la page B.
      Cette option peut être sélectionnée / désélectionnée pour chaque page de référence.
    • Republier
      Publiez à nouveau la page de référence ; ici encore, cette option peut être sélectionnée pour chaque page.
  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 - IU classique

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

    • Dans la console Sites Web, cliquez sur la page pour la sélectionner, puis cliquez avec le bouton droit et sélectionnez Supprimer dans le menu contextuel.
    • Dans la console Sites Web, cliquez sur la page pour la sélectionner, 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 ; la page ouverte est alors supprimée.
  2. Après avoir choisi de supprimer une page, vous devez confirmer la demande (dans la mesure où l’opération est irréversible).

    Remarque :

    Une fois la suppression effectuée, si la page a été publiée, vous pouvez restaurer la dernière version (ou une version spécifique). Notez cependant que le contenu peut être légèrement différent de votre dernière version si d’autres modifications ont été apportées. Pour plus d’informations, reportez-vous à la section Restauration de pages.

Verrouillage d’une page - IU classique

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 ou non verrouillée.

Création d’un dossier – IU classique

Remarque :

Lorsque vous renommez un fichier, son nouveau nom est également soumis aux conventions de dénomination de page.

  1. Ouvrez la console Sites Web, puis 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 boîte de dialogue Créer un dossier s’affiche. Vous pouvez saisir un nom et un titre :

    chlimage_1
  4. Sélectionnez Créer pour créer le dossier.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne