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

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

  • SCF Sandboxサイト。メインページの英語版にリダイレクトされます。

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

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

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

最初のページの作成

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

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

    クラシック UI に切り替えるには、グローバルナビゲーションを選択し、「プロジェクト」アイコンの右側にマウスカーソルを合わせます。Select the Switch to Classic UI icon which appears:

    classic-ui

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

  2. From the classic UI Welcome page, select Websites.

    classic-ui-webサイト

    または、/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
    • 作成」をクリックします。

    classic-ui-create-page

  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 サイトが次のように表示されます。エクスプローラペインで選択した項目の子ページが、管理可能な右側のペインに表示されます。

    classic-ui-webサイト — ページ

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

    classic-ui-repository-表示

デザインパスの追加

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?lang=ja"

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

  • % String favIcon = currentDesign.getPath() + "/favicon.ico?lang=ja"; %

    • 名前:cq:designPath
    • 型:String
    • 値:/etc/designs/an-scf-sandbox
  • Click the green [+] Add

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

classic-ui-repository-path

  • Click Save All

設定の保存で問題が発生した場合は、再ログインして設定を再度行ってください。

メモ

The use of cq:designPath is optional and is unrelated to the use of clientlibs, which are essentially required as the SCF components use clientlibs to manage their JS and CSS.

このページ