1. デザインスタジオ

デザインスタジオでコンポーネントを見つけてください

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

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

Design Studioでは、コンポーネントは左側のパネルに一覧表示され、Content Editorに保存されるフォルダに対応するセクションに整理されています。Design Studioは、特定のサイトに保存されたコンポーネントと、同じ環境内のすべてのサイトに保存されたコンポーネントの両方を表示します。後者の場合、各サイト間でコンポーネントがどのように見えるかを見ることで、互いに比較するのに役立ちます。

Design Studioでコンポーネントを見つけて開くには:

  1. ナビゲーションメニューでDesignをクリックします。次に、左側のサイドバーでComponentsを選択します。

  2. 左上のドロップダウンメニューで:

    • すべてのサイトでレンダリングされるコンポーネントのリストを見るには、Allをクリックしてください。

    • 特定のサイトでレンダリングされるコンポーネントのリストを見るには、サイト名をクリックしてください。

    Finding components in a specific site instead of all sites
  3. 検索欄に少なくとも2文字を入力してください。コンポーネントのリストは、検索語が名前に入ったコンポーネントのみを表示するように更新されます。

  4. 関連するコンポーネントの名前をクリックするとメインウィンドウで開きます。コンポーネントの名前と説明、そしてすべてのバリアントを見ることができます:

    • All sitesを選択した場合、各サイト間でコンポーネントがどのように見えるかを確認できます。また、Searchフィールドを使って特定のサイトでのみコンポーネントがどのようにレンダリングされているかを見ることもできます。

    • 特定のサイトを選択した場合、このコンポーネントの概要はこのサイトでのみご覧いただけます。

  5. コンポーネントをタイルとして見るには、Tile view をクリックしてください。

    または、コンポーネントをリストで表示するには、List view をクリックしてください。

  6. さまざまなデザイン構成や内容をテストするには、Open in Studioをクリックしてください。これによりスタジオのバリアントが開き、さまざまなデザインを試すことができます。

注記

デザインスタジオは各サイトのレンダリングホストに基づいてコンポーネントを取得します。コンポーネント名の横に「Component not set up(設定されていません)」と書かれた警告アイコン 表示がある場合、それはそのサイトのレンダリングホストがコンポーネントを含んでいないか、コードの一部が欠けていることを意味します。

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