初期サンドボックスコンテンツ

ここでは、次のページを作成します。これらのすべてのページでページテンプレートを使用します。

  • SCF Sandbox Site。メインページの英語バージョンにリダイレクトします。

    • SCF Sandbox — サイトの英語版のメインページ

      • SCF再生 — 再生するメインページの子

このチュートリアルでは言語コピーについては詳しく説明しませんが、HTML ヘッダーによるユーザーの優先言語の検出をルートページに実装し、その言語の適切なメインページにリダイレクトできるように設計されています。規則では、ページのノード名に2文字の国コードを使用します(例:英語は「en」、フランス語は「fr」)。

最初のページの作成

ページテンプレートを作成したので、ここでは、/content ディレクトリで Web サイトのルートページを設定できます。

  1. 標準 UI では現在、サイトを作成するためのブループリントが提供されます。このチュートリアルではシンプルなサイトを作成するので、クラシックUIが役に立ちます。

    クラシック UI に切り替えるには、グローバルナビゲーションを選択し、「プロジェクト」アイコンの右側にマウスカーソルを合わせます。クラシックUIに切り替え​アイコンを選択します。次のアイコンが表示されます。

    chlimage_1-36

    クラシック UI に切り替える機能は、管理者が有効にする必要があります。

  2. 従来のUIのようこそページから、Webサイト​を選択します。

    chlimage_1-37

    または、/siteadmin を参照して、Web サイトのクラシック UI に直接アクセスします。

  3. エクスプローラウィンドウで、「Webサイト」を選択し、ツールバーで​新規/新規ページ​を選択します。

    ページを作成​ダイアログで、次のように入力します。

    • タイトル: SCF Sandbox Site
    • 名前:an-scf-sandbox
    • SCF Sandbox再生テンプレート​を選択
    • 作成」をクリックします。

    chlimage_1-38

  4. エクスプローラウィンドウで、作成したページ/Websites/SCF Sandbox Siteを選択し、新規/新規ページ​をクリックします。

    • タイトル: SCF Sandbox
    • 名前:en
    • SCF Sandbox再生テンプレート​を選択
    • 作成」をクリックします。
  5. エクスプローラウィンドウで、作成したページ/Websites/SCF Sandbox Site/SCF Sandboxを選択し、新規/新規ページ​をクリックします

    • タイトル: SCF Play
    • 名前:play
    • SCF Sandbox再生テンプレート​を選択
    • 作成」をクリックします。
  6. Web サイトコンソールに Web サイトが次のように表示されます。エクスプローラペインで選択した項目の子ページが、管理可能な右側のペインに表示されます。

    chlimage_1-39

    次に、Web サイトツールとテンプレートを使用して作成されたページのリポジトリビューを示します。

    chlimage_1-40

デザインパスの追加

[/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns)がツールコンソールのdesignsセクションを使用して作成された場合、「

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

が定義されました。このプロパティによって、currentDesign.getPath() () を使用してスクリプト内のデザインアセットを参照するオプション機能が提供されます。例:

  • <% String favIcon = currentDesign.getPath() + "/favicon.ico"; %>

    • 名前:cq:designPath
    • 型:String
    • 値:/etc/designs/an-scf-sandbox
  • 緑色の[+] Addをクリックします

リポジトリは次のようになります。

chlimage_1-41

  • すべて保存」をクリックします

[ Trouble saving? Re-login! ]

メモ

cq:designPath の使用はオプションで、clientlib の使用とは関係ありません。SCF コンポーネントでは clientlib を使用して JS および CSS が管理されるので、clientlib の使用は基本的に必須です。

このページ

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