現在表示中:

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

  • SCF Sandbox Site。メインページの英語バージョンにリダイレクトします。
    • SCF Sandbox - サイトの英語バージョンのメインページ。
      • SCF Play - メインページの子。ここで操作をおこないます。

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

最初のページの作成

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

  1. タッチ操作向けの UI では現在、サイトを作成するためのブループリントが提供されます。このチュートリアルでは単純なサイトを作成するので、クラシック UI が便利です。

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

    chlimage_1
  2. クラシック UI のようこそページで、「Web サイト」を選択します。

    chlimage_1

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

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

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

    • タイトル:SCF Sandbox Site
    • 名前:an-scf-sandbox
    • An SCF Sandbox Play Template」を選択します。
    • 作成」をクリックします。
    chlimage_1
  4. エクスプローラーペインで、作成したページ /Web サイト/SCF Sandbox Site を選択し、新規新しいページをクリックします。

    • タイトル:SCF Sandbox
    • 名前:en
    • An SCF Sandbox Play Template」を選択します。
    • 作成」をクリックします。
  5. エクスプローラーペインで、作成したページ /Web サイト/SCF Sandbox Site/SCF Sandbox を選択し、新規新しいページをクリックします。

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

    chlimage_1

     

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

     

    chlimage_1

デザインパスの追加

ツールコンソールのデザインセクションを使用して /etc/designs/an-scf-sandbox を作成したときに、プロパティ

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

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

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

これにより、新しいバージョンの場合など、デザインの場所が変更された場合に 1 つのエントリを編集するだけで済むようになります。

ページをデザインにリンクするには、CRXDE Lite を使用して cq:designPath プロパティを追加します。

  1. ノード /content/an-scf-sandbox/en/jcr:content を選択します。
  2. 「プロパティ」タブの下部にある入力領域で、新しいプロパティの次の値を入力します。
    • 名前:cq:designPath
    • タイプ:String
    • 値:/etc/designs/an-scf-sandbox
  3. 追加」(緑の + アイコン)をクリックします。
リポジトリは次のようになります。

 

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

[ Trouble saving? Re-login! ]

 

注意:

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

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー