1. WordPress™ コネクタ

Sitecore Content Hub ™ の設定

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

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

このドキュメントでは、WordPress ™ との統合を可能にするための Sitecore Content Hub ™ の設定手順を説明します。

次の手順を完了する必要があります。

Sitecore Connect for WordPress の zip ファイルの設定

Wordpress コネクタの zip ファイルをダウンロードします。

インスタンスに合わせて plugin.js ファイルをカスタマイズする必要があります。この適応では、正しい Sitecore Content Hub ™ インスタンスを指すように、plugin.js 内部の URL を変更する必要があります。

この例では、URL は https://testwordpress.stylelabs.io/en-us/sitecore-dam-connect/approved-assets です。

URL はカルチャを含むベース URL で構成されており、この例では https://testwordpress.stylelabs.io/en-us です。

このベース URL に /sitecore-dam-connect/approved-assets を追加します。これにより、承認されたすべてのアセットを表示するページが作成されます。

/*!
#
#
# Sitecore Content Hub plugin for tinyMCE
#
#
*/
(function () {
tinymce.PluginManager.add("ContentHub", function (editor, url) {
/*
Used to store a reference to the dialog when we have opened it
*/
var _dialog = false;

var _dialogConfig = {
title: 'Content Hub',
url: "https://testwordpress.stylelabs.io/en-us/sitecore-dam-connect/approved-assets",
width: 600,
height: 600
};
// Define the Toolbar button
editor.addButton('ContentHub', {
image: url + '/icons/logo.png',
tooltip: "Sitecore Content Hub",
title:"ContentHub",
cmd: "ContentHub"
});

editor.addCommand('ContentHub', function(e){
//_dialog = editor.windowManager.openUrl(_dialogConfig);
_dialog = editor.windowManager.open({
title: 'Pick Import',
width: 600,
height: 600,
html: '<iframe src="' + _dialogConfig.url +'"></iframe>',
buttons:[{
text: 'Close',
onclick: 'close'
}]
});
});
window.removeEventListener("message", window.mconnectMsgHandler);
window.addEventListener("message", window.mconnectMsgHandler);
});

var msgHandler = function(event){
if(event.data && event.data.__type) {
tinyMCE.activeEditor.insertContent('<img src="' +  event.data.public_link +'" alt="image"/>');
tinymce.activeEditor.windowManager.close();
}
};

window.mconnectMsgHandler = window.mconnectMsgHandler || msgHandler;

})();

更新した plugin.js ファイルで zip ファイルを再パッケージ化します。

CORS 設定の更新

Sitecore Content Hub ™ の CORS 設定は、WordPress インスタンスにアクセスできるように更新する必要があります。

  1. [管理] ページで、[設定] を選択します。
  2. CORSConfiguration 設定を検索すると、PortalConfiguration 設定の下に見つかります。
  3. CORSConfiguration の [URL] フィールドに、WordPress™ インスタンスのベース URL を入力します。
  4. [追加] をクリックして、URL を CORSConfiguration に含めます。
  5. [保存] をクリックします。

この例では WordPress ™ はローカルでホストされているため、URL は http://localhost:8088 です。

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