Contenu initial du sandbox

Dans cette section, vous créez les pages suivantes qui utilisent toutes le modèle de page :

  • Site Sandbox SCF, qui redirige vers la version anglaise de la page principale

    • SCF Sandbox - Page principale de la version anglaise du site

      • Lecture SCF - Enfant de la page principale sur laquelle lire

Bien que ce didacticiel ne traite pas des copies de langue, il est conçu de sorte que la page racine puisse implémenter la détection de la langue préférée pour l'utilisateur via l'en-tête HTML et la redirection vers la page principale appropriée pour la langue. La convention consiste à utiliser le code de pays à deux lettres pour le nom de noeud de la page, par exemple "en" pour l’anglais, "fr" pour le français, etc.

Créer des premières pages

Maintenant qu'il existe un modèle de page, nous pouvons établir la page racine du site Web dans le répertoire /content.

  1. L’interface utilisateur standard fournit actuellement des plans pour la création de sites. Comme ce tutoriel crée un site simple, l'interface utilisateur classique est utile.

    Pour passer à l’interface utilisateur classique, sélectionnez une navigation globale et passez la souris sur le côté droit de l’icône Projets. Sélectionnez l'icône Passer à l'interface utilisateur classique qui s'affiche :

    chlimage_1-36

    La possibilité de passer à l’interface utilisateur classique doit être activée par un administrateur.

  2. Dans la page d'accueil classique de l'interface utilisateur, sélectionnez Sites Web.

    chlimage_1-37

    Vous pouvez également accéder directement à l'interface utilisateur classique des sites Web en accédant à /siteadmin.

  3. Dans le volet explorateur, sélectionnez Sites Web, puis, dans la barre d'outils, sélectionnez Nouveau > Nouvelle page.

    Dans la boîte de dialogue Créer une page, saisissez ce qui suit :

    • Titre: SCF Sandbox Site
    • Nom : an-scf-sandbox
    • Sélectionner Un modèle de lecture de sandbox SCF
    • Cliquez sur Créer

    chlimage_1-38

  4. Dans le volet explorateur, sélectionnez la page que vous venez de créer, /Websites/SCF Sandbox Site, puis cliquez sur Nouveau > Nouvelle page :

    • Titre: SCF Sandbox
    • Nom : en
    • Sélectionner Un modèle de lecture de sandbox SCF
    • Cliquez sur Créer
  5. Dans le volet explorateur, sélectionnez la page que vous venez de créer, /Websites/SCF Sandbox Site/SCF Sandbox, puis cliquez sur Nouveau > Nouvelle page.

    • Titre: SCF Play
    • Nom : play
    • Sélectionner Un modèle de lecture de sandbox SCF
    • Cliquez sur Créer
  6. C’est ainsi que le site Web s’affiche désormais dans la console Sites Web. Notez que les pages enfants de l'élément sélectionné dans le volet explorateur s'affichent dans le volet de droite où elles peuvent être gérées.

    chlimage_1-39

    Il s’agit de la vue de référentiel de ce qui a été créé à l’aide de l’outil Site Web et du modèle :

    chlimage_1-40

Ajouter le chemin de conception

Lorsque [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) a été créé à l'aide de la section conceptions de la console Outils, la propriété "

  • cq:template="/libs/wcm/core/templates/designpage?lang=fr"

a été défini, ce qui permet facultativement de référencer des ressources de conception dans un script à l’aide de currentDesign.getPath(). Par exemple :

  • <>

    • Nom : cq:designPath
    • Type : String
    • Valeur : /etc/designs/an-scf-sandbox
  • Cliquez sur le vert [+] Add

Le référentiel doit apparaître comme suit :

chlimage_1-41

  • Cliquez sur Enregistrer tout

[ Des problèmes d'épargne ? Se reconnecter ! ]

REMARQUE

L'utilisation de cq:designPath est facultative et n'est pas liée à l'utilisation de clientlibs, qui sont essentiellement requises car les composants SCF utilisent clientlibs pour gérer leurs fichiers JS et CSS.

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now