Drupal コネクタ

このインストールには、動作バージョンの Sitecore Content Hub と Drupal が必要です。 Drupal のインストール手順については、ローカル サーバーの設定を参照して詳細を確認してください。

パケットをダウンロードして解凍すると、libraries と modules という圧縮された 2 つのフォルダーがさらに表示されます。

これらのフォルダーを解凍したら、Drupal のルート フォルダーにコピーする必要があります。たとえば、XAMPP Web サーバーを使用している場合、パスは C:\xampp\apps\drupal\htdocs になります。

Drupal を起動し、[機能拡張] に移動します。 [カスタム] メニューに、[Iframedialog] および [Mconnector] がオプションとして表示されます。

これらの 2 つのオプションを選択したら、画面の一番下までスクロールして、[インストール] をクリックします。

2 つのモジュールがインストールされ、使用できるようになっていることを確認します。

モジュールが正常にインストールされたら、[環境設定] タブに移動します。このタブで、[コンテンツ作成] セクションの [テキスト フォーマットとエディター] を選択します。

[テキスト フォーマットとエディター] には、CKEditor を使用したテキスト フォーマットに対応する複数のオプションが表示されます。

この例では、[承認済みアセット] を含むように [ベーシック HTML] を設定する必要があります。

1. [グループの追加] ボタンをクリックして、[アクティブ ツールバー] にグループを追加します。
2. 新しいグループの名前を入力します。この例では、「Sitecore プラグイン」と入力します。
3. Sitecore アイコンを 新しいグループ ボックスにドラッグ アンド ドロップします。
4. ウィンドウの一番下までスクロールして、[設定の保存] をクリックします。

[!注] [このサイトに画像を制限する] フィルターが選択されていないことを確認してください。

            <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/H5AsK8zBEZn1m6QAsj8GaDWjd?v=55cc962a" alt="環境設定で有効になっているフィルター">
          </p>
        </blockquote>
        <p>[<strong>環境設定</strong>] タブに戻り、[<strong>MConnector Settings</strong>] までスクロールします。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/5kKAmtiB0uJb8OoBVwc5geBxk?v=ece40332" alt="MConnector の設定オプション" class="materialboxed" width="1829" height="835">
        </div>
        <p>[<strong>MConnector Settings</strong>] で、Sitecore Content Hub インスタンスの URL を入力します。このとき、カルチャと <strong>/sitecore-plugin/approved-assets</strong> を付加します。 この例では、URL は <strong><a href="https://Sitecore_Instance.com/">https://Sitecore_Instance.com/</a></strong> です。この URL に、カルチャとして <strong>en-us</strong>、そして <strong>/sitecore-plugin/approved-assets</strong> を付加します。 [<strong>構成を保存</strong>] をクリックします。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/Roc9w001BdgVOH5vfTZ23Knkh?v=bcd04d76" alt="MConnector Settings で必要な URL を入力する" class="materialboxed" width="1844" height="456">
        </div>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="sitecore-content-hub-の設定">
    <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="sitecore-content-hub-の設定">Sitecore Content Hub の設定</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="sitecore-content-hub-の設定_body" aria-expanded="true" style="">
        <p>Sitecore インスタンスで、[<strong>管理</strong>] に移動します。 [<strong>設定</strong>] を選択して、[<strong>PortalConfiguration</strong>] に移動します。 このセクションをクリックして PortalConfigurations が拡張されたら、[<strong>CORSConfiguration</strong>] を選択して、Drupal インスタンスの URL を追加します。 [<strong>追加</strong>] をクリックして、[<strong>保存</strong>] をクリックします。 この例では、Drupal インスタンスはローカルでホストされているマシンであるため、URL は <a href="https://localhost">https://localhost</a> となります。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/vTfp9PwvAepgSCMUWXvUupxWr?v=22cf4186" alt="Drupal インスタンスの CORS 設定" class="materialboxed" width="1413" height="898">
        </div>
      </div>
    </div>
  </section>
  <section dir="ltr" class="section accordion accordion;" data-origin-id="" data-publication-date="05/27/22" id="sitecore-content-hubから-drupal-へのアセットのインポート">
    <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="sitecore-content-hubから-drupal-へのアセットのインポート">Sitecore Content Hubから Drupal へのアセットのインポート</h2>
            </div>
          </div>
        </div>
      </div>
      <div class="panel-body collapse in" id="sitecore-content-hubから-drupal-へのアセットのインポート_body" aria-expanded="true" style="">
        <p>ここまでの手順が完了したら、IFrame を使用して<strong>パブリック リンク</strong>を生成し、アセットを Sitecore Content Hub から Drupal にインポートできます。 パブリック リンクの詳細については、「<a href="https://docs.stylelabs.com/content/user-documentation/content-user-manual/share/public-links.html">パブリック リンク</a>」を参照してください。</p>
        <p>Drupal の [<strong>コンテンツ</strong>] ページで [<strong>コンテンツを追加</strong>] をクリックし、[<strong>基本ページ</strong>] を選択します。 次に、先ほど作成した Sitecore グループ ボタンを使用して、承認済みアセットを表示します。</p>
        <p>必要なアセットを選択します。 既存のパブリック リンクがある場合は、アセットの矢印アイコン
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/fis2Da7n8uuJagPOh4M1fsLRc?v=a62a274a" alt="アセットの矢印アイコン">をクリックして新しいパブリック リンクを作成するか、既存のパブリック リンクを選択します。
        </p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/36osuOh4psaWuH03ukR7oW8w1?v=4bc09301" alt="iframe に表示されたアセットのパブリック リンク" class="materialboxed" width="241" height="346">
        </div>
        <p>パブリック リンクを作成したら、[<strong>選択</strong>] をクリックします。 パブリック リンクがすでに存在する場合は [<strong>選択</strong>] をクリックして、Drupal コンテンツにアセットをインポートします。 この例では、新しいサムネイルのパブリック リンクが作成され、Drupal コンテンツにインポートするために選択されています。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/T0dtfZo2Nsd3RQGzUMDNKxbVA?v=365e94e9" alt="Drupal コンテンツへのアセットのインポート" class="materialboxed" width="1280" height="720">
        </div>
        <p>必要な操作が完了したら、[<strong>保存</strong>] をクリックします。</p>
        <p>矢印が表示されていない場合は、アセットの左下隅をクリックして、新しいパブリック リンクを作成します。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/t68vDOJn533MzTUcH8G8GJ4uX?v=8e72aabc" alt="コネクタを使用して、Drupal でパブリック リンクを作成する" class="materialboxed" width="1280" height="720">
        </div>
        <p>または<strong>プレビュー</strong> アイコンをクリックします。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/pepJiybHr8y4PGKLnRf2RbumY?v=c81b4576" alt="Drupal コネクタに表示されているプレビュー アイコン" class="materialboxed" width="669" height="807">
        </div>
        <p>新しいモーダルが開き、[<strong>挿入するファイルを選択</strong>] オプションが表示されます。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/X3bHdufxog7YVjQtzOoygsfWt?v=4f9e15ae" alt="インポートを選択する Drupal コネクタ" class="materialboxed" width="671" height="802">
        </div>
        <p>必要なレンディションを使用して新しいパブリック リンクを作成し、目的のトリミング機能を利用します。</p>
        <div class="mediaobject">
          <img src="https://mss-p-003-delivery.stylelabs.cloud/api/public/content/wWjN27nRMKSzsW3a64ebg70Z4?v=4dbfb8dd" alt="Drupal コネクタを使用した画像の挿入" class="materialboxed" width="1280" height="720">
        </div>
      </div>
    </div>
  </section>
</section>
<div class="footer-content">
  <div class="glossary-definitions"></div>
</div>
<footer></footer>