Làm cách nào để thêm tab mới vào trình quản lý tải lên phương tiện với bộ hình ảnh tùy chỉnh?

Tôi muốn thêm tab mới để tải lên trình quản lý và trong danh sách hình ảnh từ

theme_folder/images/patterns

Tôi đã thử một cái gì đó như thế này để thêm một tab nhưng nó không hoạt động với tôi vì nó đang thêm các tab ở bên cạnh trình quản lý phương tiện nhưng khi tải lên hình ảnh thì tab đó không hiển thị.

function custom_media_upload_tab_name( $tabs ) {
    $newtab = array( 'tab_slug' => 'Patterns' );
    return array_merge( $tabs, $newtab );
}

add_filter( 'media_upload_tabs', 'custom_media_upload_tab_name' );

function custom_media_upload_tab_content() {
    // Add you content here.
    echo 'Hello content';
}
add_action( 'media_upload_tab_slug', 'custom_media_upload_tab_content' );

nói chính xác đây là nơi tôi muốn thêm một tab mới và trong tab đó tôi muốn liệt kê hình ảnh từ thư mục chủ đề.

Tôi biết rằng trình quản lý phương tiện truyền thông cần phải được viết lại cho nó nhưng thành thật mà nói tôi không biết bắt đầu từ đâu. Có vẻ như tôi cần phải viết mẫu hoàn toàn mới cho người quản lý phương tiện để đạt được điều này.

Tôi đã đi qua tất cả các đề xuất nhưng dường như không ai đang đọc câu hỏi. Như đã khuyên "Tôi đã thử một cái gì đó như thế này để thêm một tab nhưng nó không hoạt động với tôi vì nó đang thêm các tab ở bên cạnh trình quản lý phương tiện nhưng khi tải lên hình ảnh thì tab đó không hiển thị."

Vì vậy, bây giờ không ai có thể tìm ra giải pháp cho việc này.

Đây là một chủ đề cũ nhưng đối với tôi vẫn như có liên quan. Tôi đã loay hoay và đã đưa ra mã này để thêm một tab phương tiện ở đây, có lẽ ai đó muốn tiếp tục làm thế nào để xử lý nội dung cho tab? :)

add_action('admin_enqueue_scripts', function(){
    wp_enqueue_script( 'my-media-tab', plugin_dir_url( __FILE__ ) . '/js/mytab.js', array( 'jquery' ), '', true );
});

Và sau đó là tệp js:

var l10n = wp.media.view.l10n;
wp.media.view.MediaFrame.Select.prototype.browseRouter = function( routerView ) {
    routerView.set({
        upload: {
            text:     l10n.uploadFilesTitle,
            priority: 20
        },
        browse: {
            text:     l10n.mediaLibraryTitle,
            priority: 40
        },
        my_tab: {
            text:     "My tab",
            priority: 60
        }
    });
};

EDIT: Ok, vậy. Để xử lý nội dung tôi chưa tìm thấy một cách hay để làm điều này bởi wp.media. Giải pháp hiện tại của tôi là 2 người cho vay, một để mở thư viện phương tiện và một để nhấp vào menu bộ định tuyến phương tiện;

jQuery(document).ready(function($){
    if ( wp.media ) {
        wp.media.view.Modal.prototype.on( "open", function() {
            if($('body').find('.media-modal-content .media-router a.media-menu-item.active')[0].innerText == "My tab")
                doMyTabContent();
        });
        $(wp.media).on('click', '.media-router a.media-menu-item', function(e){
            if(e.target.innerText == "My tab")
                doMyTabContent();
        });
    }
});

hàm doMyTabContent (); chỉ là một cái gì đó như;

function doMyTabContent() {
    var html = '<div class="myTabContent">';
    //My tab content here
    html += '</div>';
    $('body .media-modal-content .media-frame-content')[0].innerHTML = html;
}

Tôi rất chắc chắn rằng điều này có thể được thực hiện theo một cách tinh tế hơn nhiều. Bất cứ ai đọc điều này và có một giải pháp tốt hơn, xin vui lòng điền vào :-)

Theo WordPress Codex, bạn có thể thêm tab tùy chỉnh trong trình tải lên phương tiện như thế này:

// add the tab
add_filter('media_upload_tabs', 'my_upload_tab');
function my_upload_tab($tabs) {
    $tabs['mytabname'] = "My Tab Name";
    return $tabs;
}

// call the new tab with wp_iframe
add_action('media_upload_mytabname', 'add_my_new_form');
function add_my_new_form() {
    wp_iframe( 'my_new_form' );
}

// the tab content
function my_new_form() {
    echo media_upload_header(); // This function is used for print media uploader headers etc.
    echo '<p>Example HTML content goes here.</p>';
}

Hy vọng nó sẽ giúp bạn.

   function axcoto_genify_media_menu($tabs) {
            $newtab = array('genify'  => __('Axcoto Genify', 'axcotogenify'));
            return array_merge($tabs, $newtab);
            }
            add_filter('media_upload_tabs', 'axcoto_genify_media_menu');

           array('genify' => __('Axcoto Genify', 'axcotogenify'));


        function axcoto_genify_media_process() {
        media_upload_header();
        echo 'hello';
        }
        function axcoto_genify_media_menu_handle() {
        return wp_iframe( 'axcoto_genify_media_process');
        }



 if ( ( is_array( $content_func ) && ! empty( $content_func[1] ) && 0 === strpos( (string) $content_func[1], 'media' ) ) || 0 === strpos( $content_func, 'media' ) )
        wp_enqueue_style( 'media' );