ページ上のコンポーネントの整理
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Sitecore Content Hubには、ページ上のコンテンツを整理するのに役立つページ コンポーネントが含まれています。これには、次のコンポーネントが含まれます。
コンテナ
Containerコンポーネントはコンポーネントホルダーです。デフォルトでは、Containerに追加されたコンポーネントはネストされています。次の例では、Video subtitlesセクションはコンテナを使用して作成され、CreationコンポーネントとSearchコンポーネントを保持しています。
ディバイダー
Dividerコンポーネントを使用すると、ページ上のコンテンツ間で視覚的な分離を作成できます。次の例では、分割線でさまざまなコンテンツ要素を区切っています。
Dividerタイトルを変更するには、コンポーネントの詳細ページでEditをクリックし、必要に応じてTitleフィールドでタイトルを更新します。Dataパラメータは無視してかまいません。
タブ
Tabsコンポーネントを使用すると、タブ上のコンテンツを整理できます。次の例では、コンテンツはDetailsタブ、Productタブ、Assetタブで整理されています。
タブは、ページと同様に動作します。これは、次のことができることを意味します。
タブの順序を変更するには、
アイコンをクリックします。
タブを削除すると、そのタブ内で定義されているすべてのコンテンツも削除されます。
Tabsコンポーネントを追加するには:
-
メニュー バーで、Manage
をクリックします。 -
Manageページで、「Pages」をクリックします。
-
Pagesページの左ペインで、Tabsコンポーネントを配置するページ (コンテンツ詳細ページなど) を選択します。
-
Layoutタブの適切なゾーンに、Tabsコンポーネントを追加します。
-
コンポーネントをクリックしてコンポーネントの詳細ページを開き、New tabをクリックします。
-
New tabダイアログボックスで、次のパラメータを設定します。
畑
形容
Name
タブに名前が表示されます。
Visible
スイッチをオンにすると、タブが表示されます。
Permission
タブを表示するために、リンクされたエンティティ定義に必要なユーザー権限を設定します。このフィールドは、詳細ページでのみ使用できます。
-
「 Create」をクリックします。
Permissionパラメータは、詳細ページに対して定義されたエンティティ定義に関連します。Tabsコンポーネントを表示するには、エンティティ定義とポータル ページの両方に対するReadアクセス許可が必要です。
アクティブなタブを記憶する
最後にアクセスしたタブをページに戻ったときに表示できるように、Remember active tab設定はデフォルトで有効になっています。この設定をオフにすると、ページが読み込まれるたびに最初のタブが表示されます。
Remember active tab設定をオンまたはオフにするには:
-
メニュー バーで、Manage
をクリックします。 -
Manageページで、「Pages」をクリックします。
-
Pagesページの左側のペインで、Tabsコンポーネントがあるページ (アセットの詳細ページなど) を選択します。
-
コンポーネントをクリックしてコンポーネントの詳細ページを開き、Tab settings
をクリックします。 -
Tab settingsダイアログで、Remember active tabスイッチをオンまたはオフにします。
-
「 Save」をクリックします。
非表示のコンポーネントをクリーンアップする
ページには、レイアウトの一部ではない非表示のコンポーネントをリンクできます。これらは引き続きバックグラウンドで読み込まれ、ページのパフォーマンスとレンダリングモードに影響を与える可能性があります。それらをクリーンアップして、ページのパフォーマンスを向上させることができます。
非表示のコンポーネントをクリーンアップするには:
-
メニュー バーで、Manage
をクリックします。 -
Manageページで、「Pages」をクリックします。
-
Pagesページの左側のペインで、目的のページ (アセットの詳細ページなど) を選択します。
-
ページの右上隅にあるCleanup hidden components
をクリックします。 -
「 Cleanup hidden components 」ダイアログで、コンポーネントを削除、非表示、またはページに戻します。
-
完了したら、Closeをクリックします。