1. ページデザイン

コンテンツ エディターでページ デザインを作成して割り当てる

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

Webページをデザインするには、再利用可能なコンテンツとレイアウトを使用します。ページ デザインは、Webページのデザインを構成するパーシャル デザインのグループです。

たとえば、ブログ ページに再利用可能なページ構造が必要な場合があります。ブログ ページのパーシャル デザインを含むページ デザインを作成することで、コンテンツ作成者がページのデザインを気にせずにコンテンツを作成するために使用できる基本的なテンプレートを作成できます。

このトピックでは、コンテンツ エディターとエクスペリエンス エディターでページ デザインを操作する方法について説明します。

警告

コンポーネントをページデザインに直接追加しないでください。ページデザインは、それ自体で情報を保持することはできません。代わりに、パーシャル デザインに格納されている情報を参照します。したがって、コンポーネントをページデザインに直接追加しても、ページ上にはレンダリングされません。

ページ デザインを作成する

ページデザインは、ページのレイアウトを決定し、パーシャルデザインで構成されます。サイトのプレゼンテーション フォルダーにページ デザインを追加し、追加するパーシャル デザインを選択できます。

ページデザインを作成するには:

  1. コンテンツ ツリーのサイトで、Presentationをクリックし、Page Designsを右クリックしてInsert > Page Designをクリックします。

    Insert a new page design.
    メモ

    関連するページデザインのグループを追加する場合は、「 Page Design Folder」をクリックします。これは、多数のパーシャル デザインを必要とする複雑なサイトがある場合に便利です。ページは、ブログ、ニュース、製品、採用情報など、パーシャルデザインのセクションに分割できます。

  2. 新しいページデザインの名前を入力し、「 OK」をクリックします。

  3. Designingセクションで、追加するパーシャル デザインを選択し、右矢印 をクリックして選択したアイテムの一覧に移動し、保存します。

    Select the partial designs that you want to include.
    手記

    同じページデザインに割り当てられるパーシャルデザインは、Signatureフィールドに異なる値を指定する必要があります。

  4. 新しいページ デザインを右クリックし、Experience Editorをクリックしてデザインを表示します。

コンポーネントプロパティのパーシャルデザインシグネチャを更新します

各パーシャル デザインには、パーシャル デザイン アイテムのSignatureフィールドに識別子が格納されています。同じページデザインに追加するパーシャルデザインには、一意の署名が必要です。

Example of a partial design signature in the Content Editor

ページ デザインに同じ署名を持つ異なるパーシャル デザインを使用している場合は、少なくとも1つの署名を変更して、署名を一意にします。

パーシャルデザインにコンポーネントがあり、ページで使用されている場合は、各コンポーネントのプロパティのPlaceholderフィールドを適宜更新します。そうしないと、コンポーネントとパーシャル デザインの間のリンクが解除されます。

コンポーネントのプロパティは、コンテンツ エディターまたはエクスペリエンス エディターで更新できます。これは、パーシャル デザインを使用するすべてのページに対して行います。

コンテンツ エディターでコンポーネントのプロパティを更新するには:

  1. パーシャルデザインを使用するページを選択します。

  2. PRESENTATIONタブで、「Details」をクリックします。

  3. Layout Detailsダイアログで、関連するコンポーネントをクリックします。

  4. Control Propertiesダイアログの「Placeholder」フィールドで、名前を変更した署名でパスを更新します。署名名にsxa- プレフィックスを追加します。

    Update the partial design signature in the component properties

  5. 各コンポーネントについて、これらの手順を繰り返します。

エクスペリエンス エディターでコンポーネントのプロパティを更新するには、次の手順に従います。

  1. 署名を変更したパーシャルデザインを開きます。

  2. 各コンポーネントのフローティングツールバーで、「 More > Edit component properties」をクリックします。

  3. Control Propertiesダイアログの「Placeholder」フィールドで、名前を変更した署名でパスを更新します。署名名にsxa- プレフィックスを追加します。

    Update the partial design signature in the component properties

テンプレートへのページデザインの割り当て

ページデザインを使用して、コンテンツタイプをページレイアウトにマッピングできます。これにより、サイトのレイアウトの一貫性を保つことができます。ランディングページ、製品ページ、ナビゲーションページなど、頻繁に使用するWebページについては、そのページのテンプレートにページデザインを割り当てることで、一貫性を保つことができます。このようにして、コンテンツをデザインにリンクします。

ページデザインをテンプレートに割り当てるには:

  1. コンテンツ ツリーで、サイトに移動し、Presentation > Page Designsをクリックして、Contentタブをクリックします。

  2. Designingセクションで、左側の列でテンプレートを選択し、それをページデザインに関連付けるには、右側の列でページデザインを選択します。

手記

また、特定のページにページデザインを割り当てることもできます。これは、リリース ノート ページなど、通常はあまり使用しないページが必要な場合に必要になることがあります。ページ デザインを1つのページに割り当てるには、サイトに移動してページを選択します。 Designingセクションで、ドロップダウンリストからデザインを選択し、変更を保存します。

エクスペリエンス エディターで結果を表示するには、ページを右クリックしてExperience Editorをクリックします。

この記事を改善するための提案がある場合は、 お知らせください!