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] フィールドに、WordPressTM インスタンスのベース URL を入力します。
  4. [追加] をクリックして、URL を CORSConfiguration に含めます。
  5. [保存] をクリックします。

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

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