@janwはこれを完全に正しくしていると思いますが、私は1つのことを機能させることができませんでした。Janは、次を使用してメディアライブラリボタンを挿入します。
do_action( 'media_buttons', 'default_featured_image' );
次に、次を使用してデフォルトアクションをプリエンプトします。
jQuery('#default_featured_image_button').click(function () {...
私が遭遇した問題は、この方法でメディアボタンを挿入しても、リンクに「default_featured_image_button」というIDが割り当てられないことです。実際、挿入されたリンクにIDは追加されません。だから、これは私がそれを機能させるためにしたことです。
入力フィールドの直後に、次の行をメタボックスコールバック関数に追加しました。
<input id="upload_logo_button" type="button" value="Media Library Image" class="button-secondary" />
次に、functions.phpファイルでも、カスタムjqueryファイルとthickbox cssファイルをキューに入れました:
add_action('admin_enqueue_scripts', 'jhsir_load_image_set_js');
function jhsir_load_image_set_js() {
wp_enqueue_script( 'jhsir_image_set_script', get_stylesheet_directory_uri() . '/js/image-set.js', array('jquery','media-upload','thickbox') );
wp_enqueue_style( 'thickbox' );
}
最後に、image-set.jsファイルには次のものが含まれていました。
jQuery(document).ready(function($) {
var formfield = null;
$('#upload_logo_button, #upload_background_button').click(function() {
$('html').addClass('Image');
formfield = $(this).prev('input').attr('name');
formfield_id = $(this).prev('input').attr('id');
tb_show( '', 'media-upload.php?type=image&TB_iframe=true' );
return false;
});
// user inserts file into post.
// only run custom if user started process using the above process
// window.send_to_editor(html) is how wp normally handles the received data
window.original_send_to_editor = window.send_to_editor;
window.send_to_editor = function( html ) {
var fileurl;
if(formfield != null) {
fileurl = $( 'img', html).attr('src');
$( "#" + formfield_id ).val(fileurl);
tb_remove();
$('html').removeClass('Image');
formfield = null;
} else {
window.original_send_to_editor(html);
}
};
});
jQueryを呼び出すリンクの直前にある入力フィールドの名前とIDを格納するために変数を使用したことに注意してください。そのようにして、このコードは同じページで繰り返し使用できます。クラスをすべてのボタンに割り当てるか、jqueryのボタンに個別のIDを使用する必要があります。Janの答えが私にしたように、これが誰かの助けになることを願っています。