1. Creative Exchangeの操作

Creative Exchangeを使用したWebデザインのインポートとエクスポート

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

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

Creative Exchangeは、フロントエンド開発者が静的なHTML、CSS、およびJSファイルで作業できるようにするSXA機能です。SXAサイトや1つのページをエクスポートしてデザイナーに送信し、コンテンツ エディターはサイトでの作業を続けることができます。エクスポートプロセスでは、ページまたはサイト全体のZIPファイルが作成され、そのテーマとコンテンツが含まれます。デザイナーは 、ファイルを変更して 、サイトのルック アンド フィールを変更できます。デザインの準備ができたら、ツールを使用してサイトにインポートし直すことができます。

Webデザインのエクスポート

デザイナーが作業できるように、Creative Exchangeを使用してサイトのワイヤーフレームとコンテンツをエクスポートできます。

Creative Exchangeを使用してウェブデザインをエクスポートするには:

  1. エクスペリエンス エディターのリボンのExperience Acceleratorタブで、Exportをクリックします。

    Export button on the Experience Accelerator tab.

    コンテンツ エディターでWebデザインをエクスポートするには、サイト ページをクリックし、リボンのHomeタブでExportをクリックします。

  2. Export settingsダイアログで、設定を編集します。

    Field

    Description

    デバイス

    サイト デザインをエクスポートするデバイスを指定します。デバイスが利用できない場合は、Sitecoreでレイアウトが定義されていない可能性があります。詳細については、管理者に問い合わせてください。

    エクスポートされたコンテンツ

    エクスポートする対象を指定します。

    Single page – 編集中のページのみをエクスポートします。

    Branch – 現在のページとそのすべての子孫をエクスポートします。

    Site – 現在のサイトからすべてのページをエクスポートします。

    メモ

    大規模なサイトの場合は、サイトのページを個別にエクスポートする必要があります。

    言語

    言語を選択します。

    サイトのコンテキスト

    同じページを異なるサイトで使用できます。ページをエクスポートするサイトを選択します。

    バケット内のページ

    アイテムバケットからアイテムをエクスポートすることを指定します。

    Ignore – アイテムバケットからアイテムを除外します。

    Include – アイテムバケットのアイテムが含まれます。

    テンプレートの1つ – アイテム バケットの各テンプレートの1つのアイテムが含まれます。

    手記

    アイテム・バケットには多数のページが含まれる可能性があるため、明示的に必要でない限り、このオプションを選択しないでください。

    モード

    コンテンツのエクスポート方法を選択します。

    Agency drop (preview mode, importable) – 訪問者が表示したページとほぼ同じようにページをエクスポートしますが、システムへのインポートを容易にするためにいくつかの追加が加えられています。

    エンドユーザーサイト(通常モード、インポート不可) – 訪問者が表示したページと同じようにページをエクスポートしますが、サイトにインポートし直すことはできません。

    エクスポート先

    エクスポートするコンテンツの宛先を指定します。

    Zip file – 圧縮ファイルのパッケージを作成します。

    サーバー上のフォルダ – エクスポートされたすべてのファイルをサーバーのファイルシステムに直接保存し、リビジョン管理システムで管理できるようにします。これは、外部の機関と協力していて、SVNまたはGitを介してファイルにアクセスする必要がある場合に便利です。

    エクスポートされたパッケージ内の1つのファイルの最大サイズ

    圧縮されたエクスポートファイルのサイズを制限する数値を入力します。これは、サイトに動画などの大きなアセットが含まれている場合に便利です。

    以前のエクスポートのzipファイルが多数ある場合は、Remove directory before exportを選択して削除できます <Site>/Settings/Creative Exchange Storages/Folder on server.

    Remove directory before export check box.
  3. Nextをクリックしてエクスポートを開始します。

選択した保存先に応じて、ZIPファイルをダウンロードできるか、またはファイルがサーバー上のフォルダに保存されます。エクスポートされたサイトを保存するパスは、宛先パス フィールドに構成できます。行きます: <Site>/Settings/Creative Exchange Storages/Folder on server

手記

書き出しが失敗する原因としては、エラーが原因でページをレンダリングできなかった、リンクされたアセットが見つからない、Creative Exchangeのタイムアウトなどが考えられます。

Webデザインのインポート

Webデザインの作業が完了したら、フォルダを圧縮し、Creative Exchangeを使用してサイトにインポートし直すことができます。

Webデザインをサイトにインポートするには:

  1. エクスペリエンス エディターのExperience Acceleratorタブで、Importをクリックします。

    コンテンツ エディターでWebデザインをインポートするには、サイト ページをクリックし、リボンのHomeタブでImportをクリックします。

  2. Import settingsダイアログボックスで、デザインのソースを選択し、「Next」をクリックします。

  3. 選択したソースに応じて、ウィザードの手順に従い、Nextをクリックします。

  4. インポートが完了すると、確認メッセージが表示されます。

    手記

    インポート後に変更が反映されない理由として考えられるのは、変更したテーマが制限された場所の一部であることです。

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