1. パブリケーションを編集

パブリケーションの編集

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

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

パブリケーションの編集には CHILI Editor を使用します。

CHILI Editor でパブリケーションを開くには、以下のいずれかの方法を使用できます。

注意

このドキュメントで説明されているアクションはすべて、パブリケーション エディターのページから開始します。

エディターのページの左側にあるテンプレート ビューアーには、パブリケーションが表示されます。右側には、[デザイン]、[フレーム]、[詳細] の各タブを含む折りたたみ可能なサイドバーが表示されます。これらのタブにある設定を変更するか、パブリケーション自体の要素を操作することにより、パブリケーションを編集できます。

編集内容を保存するには、ページの右上にある [保存] をクリックします。

デザイン

[デザイン] タブでは、編集可能な変数を編集できます。変数は、パブリケーションのテキスト要素を表します。変数の数とタイプは、テンプレートの設定によって異なります。以下の例は、変数によってできることをすべて説明しているわけではありませんが、作業を開始する際に役立ちます。

例 1 - シンプルなテキスト変数の変更

パブリケーションに表示される価格を変更するとします。

  1. CHILI パブリケーション エディターで、[デザイン] タブを選択します。

    パブリケーションのデザイン タブ

  2. [価格] フィールドを編集して、必要な値に変更します。

    編集されたテキスト デザイン タブ

この変更は、パブリケーションにすぐに表示されます。

例 2 - 条件変数

変数を条件として使用することができます。この例では、[選択した製品] フィールドは [スローガン] フィールドを制御します。[選択した製品] フィールドを [Lime] に変更すると、[スローガン] が自動的に [The best lime juice in the world] に変わります。

Orange を選択Lime を選択
選択した製品 Orange
パブリケーションの条件付き製品 パブリケーションの条件付き製品の変更

この変更に従ってフレームを変更し、新しいパブリケーションを作成できます。

Orange を選択すると Orange の製品画像とロゴLime を選択すると Lime の製品画像とロゴ
フレームのロゴを強調表示 (製品を変更しない場合) フレームのロゴを強調表示 (製品を変更した場合)
フレームのロゴ (製品を変更しない場合) フレームのロゴ (製品を変更した場合)

フレーム

[フレーム] タブでは、編集可能なフレームを編集できます。フレームは、パブリケーションの画像要素を表します。フレームの数とタイプは、テンプレートの設定によって異なります。以下の例は、フレームによってできることをすべて説明しているわけではありませんが、作業を開始する際に役立ちます。

例 1 - 代替画像

パブリケーション フレームの代わりに代替画像を利用できる場合があります。

利用可能なフレームの代替画像を表示するには、[フレーム] タブまたはテンプレート ビューアーで、必要なフレームを選択します。 

          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/fcc21078a1fd4fa5ac998f1960629505?v=2e5f6b3c" alt="強調表示されたフレームのロゴ">
        </p>
        <p>2 つの新しいタブが表示されます。</p>
        <ul>
          <li><strong>ライブラリ画像</strong>: Sitecore DAM のアセットを代替画像として使用できます。</li>
          <li><strong>マイ画像</strong>: 代替画像として使用するファイルをアップロードできます。</li>
        </ul>
        <p>
          この例では、Sitecore DAM のアセットが代替画像として利用可能になっており、これを使用して [<strong>ロゴ</strong>] フレーム フィールドを置き換えます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/875501d29840485fb606df0df35a1aee?v=d0100710" alt="フレーム ライブラリの画像">
        </p>
        <p>
          代替画像をクリックすると、フレームが自動的に更新されます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/0d714237a57f4e9fbe9e6eb0701ee887?v=4fb999c5" alt="ライブラリを使用して編集されたフレーム">
        </p>
        <blockquote class="NOTE note admonition" admonition="NOTE"><strong class="title">注意</strong>
          <p>代替画像を利用できない場合は、フレームを選択しても何も起こりません。</p>
        </blockquote>
        <h3 id="example-2---moving-publication-frames">例 2 - パブリケーション フレームの移動</h3>
        <p>フレームが制約されていない場合は、画像プレースホルダーの場所やサイズ、およびパブリケーション上の位置を変更できます。</p>
        <p>
          画像要素の上にマウスを移動すると、手のアイコンが表示されます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/887c67cd1a784b2ea265e7a4cad879bb?v=4e2477d8" alt="移動フレームの強調表示">
        </p>
        <p>
          画像要素をページ上の別の場所にドラッグできます。以下の例では、ロゴを左側から右側にドラッグしています。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/79b1b839200c45888b20166822ab75c2?v=1ea3af0d" alt="フレームの移動">
        </p>
        <p>
          フレームの上部にある青い円使用して、画像要素を回転させることもできます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/abbc0ced941b4e54ac80919c30f95e4f?v=28343625" alt="フレームの回転">
        </p>
        <h3 id="example-3---clear-contents">例 3 - コンテンツのクリア</h3>
        <p>
          フレームを選択し、[<strong>コンテンツのクリア</strong>] をクリックすると、そのコンテンツを削除できます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/6904e26429cc4063a2062f5d46574924?v=7bc3be96" alt="フレームのコンテンツをクリア">
        </p>
        <p>
          削除を確認するために、[<strong>削除</strong>] ダイアログ ボックスで [<strong>はい</strong>] をクリックします。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/3fcc6b22d04b451ab0c4bc0b15cc50eb?v=1566789c" alt="フレームのコンテンツを削除">
        </p>
        <p>
          フレームのコンテンツは削除されますが、フレーム自体は削除されません。新しいコンテンツをフレームに挿入できます。
          
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/ac7430beabe8493bbbcd0a992f3cf0df?v=acae8586" alt="クリアするコンテンツの削除が完了">
        </p>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="details">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="詳細">詳細</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="details_body" aria-expanded="true" style="">
        <p>[<strong>詳細</strong>] タブでは、パブリケーションのメタデータを表示し、その [<strong>名前</strong>] と [<strong>説明</strong>] を編集できます。</p>
        <p>パブリケーションの [<strong>名前</strong>] と [<strong>説明</strong>] を編集するには:</p>
        <ol>
          <li>[<strong>詳細</strong>] ページで、[<strong>編集</strong>] 
            <img src="https://mss-p-003-delivery.sitecorecontenthub.cloud/api/public/content/6ec11cd5f7d84bcfab0681172602ae04?v=cd4895c3" alt="編集アイコン" title="" width="30" height="30"> をクリックします。
          </li>
          <li>
            <p>以下のフィールドを入力します。</p>
            <div class="informaltable table-responsive">
              <table class="informaltable frame-void rules-rows">
                <thead>
                  <tr>
                    <th>フィールド</th>
                    <th>タイプ</th>
                    <th>説明</th>
                    <th>値</th>
                    <th>必須/任意</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td><strong>名前</strong></td>
                    <td>文字列</td>
                    <td>パブリケーションの名前。</td>
                    <td>文字列値</td>
                    <td><em>必須</em></td>
                  </tr>
                  <tr>
                    <td><strong>説明</strong></td>
                    <td>文字列</td>
                    <td>パブリケーションの説明。</td>
                    <td>文字列値</td>
                    <td><em>任意</em></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </li>
          <li>
            <p>[<strong>保存</strong>] をクリックします。</p>
          </li>
        </ol>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="download-a-publication">
    <div class="accordion-icon"></div>
    <div class="panel panel-default">
      <div class="panel-heading active">
        <div class="titlepage">
          <div>
            <div class="title">
              <h2 class="title" style="clear: both" id="パブリケーションのダウンロード">パブリケーションのダウンロード</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="download-a-publication_body" aria-expanded="true" style="">
        <p>パブリケーションの編集中に、CHILI パブリケーション エディターのページからパブリケーションをダウンロードできます。</p>
        <p>パブリケーションをダウンロードするには、ページの右上で [<strong>ダウンロード</strong>] をクリックしてから、以下のレンディション オプションのいずれかをクリックします。</p>
        <ul>
          <li><strong>PDF</strong>: 低解像度の PDF。</li>
          <li><strong>高解像度 PDF</strong>: 高解像度の PDF。</li>
          <li><strong>PNG</strong>: 高解像度の画像。</li>
          <li><strong>JPG</strong>: 低解像度の画像。</li>
          <li><strong>IDML</strong>: 高解像度の InDesign マークアップ ファイル。</li>
        </ul>
      </div>
    </div>
  </section>
</section>
<div class="footer-content">
  <div class="glossary-definitions"></div>
</div>
<footer></footer>
この記事を改善するための提案がある場合は、 お知らせください!