Drupal コネクタ

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

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

Drupal は、オープンソースのコンテンツ管理プラットフォームおよび開発フレームワークです。 PHP で作成されており、GNU General Public License に基づいて配布されています。 Drupal は、さまざまな種類の Web サイトを作成および管理するために使用できます。

[!注] このコネクタは、Sitecore Content Hub と外部システム (Drupalなど) を接続する一般的なコネクタの代表例として取り上げており、 開発者が独自のカスタム コネクタを作成する方法を十分に理解できるようにすることを目的としています。

Warning このコネクタは、説明のみを目的としています。 Sitecore Content Hub または Drupal のすべてのバージョンでサポートされるわけではありません。

Drupal は、次の 2 つのプラグインを使用して Sitecore Content Hub と統合できます。

  • Iframedialog
  • Mconnector

これらのプラグインは、Drupal コネクタに同梱の zip パケットで入手できます。

この zip パケットは CKEditor を拡張し、Drupal でコンテンツを作成するために iFrame で承認済みアセットを提供することにより、Sitecore Content Hub との統合を可能にする目的で使用できます。 この拡張は、モジュールとプラグイン ライブラリが実行します。

インストール

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

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

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

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

Drupal のルート フォルダー

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

Iframedialogue および Mconnector が表示されている Drupal の [機能拡張] オプション

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

[Iframedialogue] および [Mconnector] を選択

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

設定

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

Drupal の環境設定

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

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

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

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

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

RequestResponse
            <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>

何かフィードバックはありますか?

この記事を改善するための提案がある場合は、