Drupal コネクタ

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

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

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

注意

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

警告

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

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

  • Iframedialog
  • Mconnector

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

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

インストール

このインストールには、動作バージョンの 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
注意

[このサイトに画像を制限する] フィルターが選択されていないことを確認してください。 環境設定で有効になっているフィルター

[環境設定] タブに戻り、[MConnector Settings] までスクロールします。

MConnector の設定オプション

[MConnector Settings] で、Sitecore Content Hub インスタンスの URL を入力します。このとき、カルチャと /sitecore-plugin/approved-assets を付加します。この例では、URL は https://Sitecore_Instance.com/ です。この URL に、カルチャとして en-us を、その後に /sitecore-plugin/approved-assets を付加します。[設定の保存] をクリックします。

MConnector Settings で必要な URL を入力する

Sitecore Content Hub の設定

Sitecore インスタンスで、[管理] に移動します。[設定] を選択して、[PortalConfiguration] に移動します。このセクションをクリックして PortalConfigurations が拡張されたら、[CORSConfiguration] を選択して、Drupal インスタンスの URL を追加します。[追加] をクリックして、[保存] をクリックします。この例では、Drupal インスタンスはローカルでホストされているマシンであるため、URL は https://localhost となります。

Drupal インスタンスの CORS 設定

Sitecore Content Hub から Drupal へのアセットのインポート

ここまでの手順が完了したら、IFrame を使用してパブリック リンクを生成し、アセットを Sitecore Content Hub から Drupal にインポートできます。パブリック リンクの詳細については、「パブリック リンク」を参照してください。

Drupal の [コンテンツ] ページで [コンテンツを追加] をクリックし、[基本ページ] を選択します。次に、先ほど作成した Sitecore グループ ボタンを使用して、承認済みアセットを表示します。

必要なアセットを選択します。既存のパブリック リンクがある場合は、アセットの矢印アイコン アセットの矢印アイコンをクリックして新しいパブリック リンクを作成するか、既存のパブリック リンクを選択します。

iframe に表示されたアセットのパブリック リンク

パブリック リンクを作成したら、[選択] をクリックします。パブリック リンクがすでに存在する場合は [選択] をクリックして、Drupal コンテンツにアセットをインポートします。この例では、新しいサムネイルのパブリック リンクが作成され、Drupal コンテンツにインポートするために選択されています。

Drupal コンテンツへのアセットのインポート

必要な操作が完了したら、[保存] をクリックします。

矢印が表示されていない場合は、アセットの左下隅をクリックして、新しいパブリック リンクを作成します。

コネクタを使用して、Drupal でパブリック リンクを作成する

またはプレビュー アイコンをクリックします。

Drupal コネクタに表示されているプレビュー アイコン

新しいモーダルが開き、[挿入するファイルを選択] オプションが表示されます。

インポートを選択する Drupal コネクタ

必要なレンディションを使用して新しいパブリック リンクを作成し、目的のトリミング機能を利用します。

Drupal コネクタを使用した画像の挿入

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

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