1

wp gallery ショートコードをカスタム メタボックスの textarea に挿入する方法はありますか? 私はこのようなものが欲しいです:

ポスト/ページ内のテキストエリアとテキストエリアの下の新しいメタボックスには、wp ブラウズ メディア ギャラリー ライトボックスを開くボタンがあります。次に、いくつかの画像をギャラリーとして選択したら、[ギャラリーを挿入] ボタンをクリックして、テキストエリア カスタム フィールドにショートコードを挿入します。

メディア ライブラリを表示できましたが、[ギャラリーを挿入] ボタンをクリックしたときにカスタム テキストエリアにショートコードを挿入する方法がわかりません。

これまでの私のコードは次のとおりです。

HTML

<div class="uploader">
 <textarea name="settings[_cs_shortcode_gallery]" id="_cs_shortcode_gallery"></textarea>
 <input class="button tf-browse-btn" name="_cs_shortcode_gallery_button" id="_cs_shortcode_gallery_button" value="Browse Gallery"/>
</div>

JS

var _custom_media = true,
      _orig_send_attachment = wp.media.editor.send.attachment;
  $('.tf-browse-btn').live('click', function(e) {
    var send_attachment_bkp = wp.media.editor.send.attachment;
    var button = $(this);
    var id = button.attr('id').replace('_button', '');
    _custom_media = true;
    wp.media.editor.send.attachment = function(props, attachment){
      if ( _custom_media ) {
        $("#"+id).val(attachment.url);
      } else {
        return _orig_send_attachment.apply( this, [props, attachment] );
      };
    }
    wp.media.editor.open(button);
    return false;
  });
  $('.add_media').on('click', function(){
    _custom_media = false;
  });

私が今達成したいことは次のとおりです。

  • モーダルを開いたときにギャラリータブをデフォルトタブとして設定する方法
  • カスタム テキストエリアにギャラリー ショートコードを挿入する

詳しくは下のスクリーンショットをご覧ください

http://i.stack.imgur.com/m1l2e.png

http://i.stack.imgur.com/y9Fi5.png

4

0 に答える 0