モーダルポップアップとしてWordPress 3.5 Media Uploaderウィンドウを使用する


14

一般的な質問があります:新しいWordPress 3.5 Media Uploaderウィンドウを他の目的(つまり、コンテンツのモーダルポップアップウィンドウ)に使用できますか?私はこれをやりたいと思っており、それを行うかどうか/どのように行うかを理解しようとして多くの時間を費やしましたが、運がありませんでした。

ショートコードパネルが管理パネルに表示される方法として、基本的にThickboxポップアップを置き換えることを検討しています。

誰もこれまたは似たようなことをしましたか?誰かがこのテーマやテーマのバリエーションをカバーするものを私に指摘できますか?

どうもありがとう、

アンドリュー。


4
これを読みましたか?
gmazzap

1
たぶん、あなたは何時間も試しことを見せたいと思うでしょう…
kaiser

回答:


4

次のスクリプトを試すことができます。

var MEDIAmedia_library: function() {
     var formfield = null;

     var wireframe;

     $('body').on('click', '#click-event-selector',function(e) {
         e.preventDefault();
         if (wireframe) {
             wireframe.open();
             return;
         }

         wireframe = wp.media.frames.wireframe = wp.media({
             title: 'Media Library Title',
             button: {
                 text: 'Media Library Button Title'
             },
             multiple: false
         });

         wireframe.on('select', function() {
             attachment = wireframe.state().get('selection').first().toJSON();
             console.log(attachment);
             $('#input-field-selector').val(attachment.url);
         });

         wireframe.open();
     });
    }

#click-event-selector クリックイベントセレクター

#input-field-selector 選択したオブジェクトプロパティを挿入する入力フィールド値

この関数をjqueryモーダルでラップすることもできます

参照Wordpress 3.5 Media Uploader

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.