スタジオ内のコンポーネントを試す
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
Studioではコンポーネントを可視化できます:
-
標準値で。
-
標準値が存在しないフィールドのデザインスタジオの 可視化値を 用いる。
-
右側のパネルにある設定オプションを使ってください。これらのオプションを使って、コンポーネントをページに挿入せずに様々なデザインを試すことができます。
Designライブラリでテストした設定や内容の変更は保存できません。
最終的なデザインやコンテンツ構成はContent Editorで行うか、コンポーネントをページに挿入する際のPages右側のパネルで行う必要があります。
SitecoreAIコンポーネントにレスポンシブデザインを適用するため、Studio Viewモードで表示するデバイスのサイズを調整できます。
コンポーネントのバリアントのスタイリングや内容をいじる方法:
-
ナビゲーションヘッダーでDesign libraryをクリックしてください。
-
試したいコンポーネントについてはOpen in Studioをクリックします。スタジオ内では、ドロップダウンメニューを使って別のバリアントや他サイトのバリアントを表示できます。
-
トップツールバーのViewモードでは、現在のコンポーネントを表示するかを選べます。 Mobile、Tablet Portrait、またはDesktop responsiveでレンダリングされます。
-
右側パネルのContentタブで、任意のフィールドの値を入力または編集できます。また、データピッカーを使って異なるデータでコンポーネントをレンダリングすることもできます:
-
コンテンツが ローカルデータソースから来ている場合は、データピッカーを使ってコンポーネントに割り当てられたコンテンツ項目を変更してください。
-
もしGraphQLクエリを使って 外部データソース からコンテンツを取得する場合、コードボックスでクエリを確認できます。
-
-
右側パネルのDesignタブで、Grid layout、Styling 、Advanced stylingの設定オプションを使ってバリアントのデザインを自由に調整できます。