Show Menu
トピック×

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

ここでは、次のページを作成します。これらのすべてのページで ページテンプレート を使用します。
  • SCF Sandboxサイト。メインページの英語版にリダイレクトされます。
    • SCF Sandbox — サイトの英語版のメインページ。
      • SCF再生 — 再生するメインページの子。
このチュートリアルでは 言語コピー については詳しく説明しませんが、HTML ヘッダーによるユーザーの優先言語の検出をルートページに実装し、その言語の適切なメインページにリダイレクトできるように設計されています。ページのノード名に2文字の国コードを使用する規則です。例えば、英語の場合は「en」、フランス語の場合は「fr」などです。

最初のページの作成

ページテンプレート を作成したので、ここでは、/content ディレクトリで Web サイトのルートページを設定できます。
  1. 標準 UI では現在、サイトを作成するためのブループリントが提供されます。このチュートリアルではシンプルなサイトを作成するので、クラシックUIが便利です。
    クラシック UI に切り替えるには、グローバルナビゲーションを選択し、「プロジェクト」アイコンの右側にマウスカーソルを合わせます。Select the Switch to Classic UI icon which appears:
    クラシック UI に切り替える機能は、 管理者が有効にする 必要があります。
  2. From the classic UI Welcome page , select Websites .
    または、 /siteadmin を参照して、Web サイトのクラシック UI に直接アクセスします。
  3. In the explorer pane, select Websites and then in the toolbar select New > New Page .
    ページを作成 ​ダイアログで、次のように入力します。
    • タイトル: SCF Sandbox Site
    • 名前: an-scf-sandbox
    • Select An SCF Sandbox Play Template
    • 作成 」をクリックします。
  4. In the explorer pane, select the page you just created, /Websites/SCF Sandbox Site , and click New > New Page :
    • タイトル: SCF Sandbox
    • 名前: en
    • Select An SCF Sandbox Play Template
    • 作成​ 」をクリックします。
  5. In the explorer pane, select the page you just created, /Websites/SCF Sandbox Site/SCF Sandbox , and click New > New Page
    • タイトル: SCF Play
    • 名前: play
    • Select An SCF Sandbox Play Template
    • 作成 」をクリックします。
  6. Web サイトコンソールに Web サイトが次のように表示されます。エクスプローラウィンドウで選択した項目の子ページが、管理可能な右側のウィンドウに表示されます。
    次に、Web サイトツールとテンプレートを使用して作成されたページのリポジトリビューを示します。

デザインパスの追加

When [/etc/designs/an-scf-sandbox](setup-website.md#setupthedesigntreeetcdesigns) was created using the designs section of the Tools console, the property ``
  • cq:template="/libs/wcm/core/templates/designpage"
が定義されました。このプロパティによって、 currentDesign.getPath() () を使用してスクリプト内のデザインアセットを参照するオプション機能が提供されます。例:
  • <% String favIcon = currentDesign.getPath() + "/favicon.ico"; %>
    • 名前: cq:designPath
    • タイプ: String
    • 値: /etc/designs/an-scf-sandbox
  • Click the green [+] Add
リポジトリは次のようになります。
  • Click Save All
cq:designPath の使用はオプションで、 clientlib の使用 とは関係ありません。SCF コンポーネントでは clientlib を使用して JS および CSS が管理されるので、clientlib の使用は基本的に必須です。