Как добавить новую вкладку в диспетчер загрузки медиа с пользовательским набором изображений?

Я хотел бы добавить новую вкладку в менеджер закачек и в список изображений из

theme_folder/images/patterns

Я пытался что-то вроде этого, чтобы добавить вкладку, но у меня это не работает, так как он добавляет вкладки на стороне менеджера мультимедиа, но при загрузке изображения эта вкладка не видна.

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' );

если быть точным, это то место, где я хотел бы добавить новую вкладку, и на этой вкладке я хотел бы перечислить изображения из папки темы.

Я знаю, что для этого нужно переписать медиа-менеджер JS, но, честно говоря, я не знаю, с чего начать. Похоже, мне нужно написать совершенно новый шаблон для медиа-менеджера, чтобы добиться этого.

Я прошел через все предложения, но, похоже, никто не читает вопрос. Как и было рекомендовано: «Я пытался сделать что-то подобное, чтобы добавить вкладку, но у меня это не работает, так как он добавляет вкладки на стороне диспетчера медиа, но при загрузке изображения эта вкладка не отображается».

Так что пока никто не может найти решение для этого.

Это старая тема, но для меня она все еще актуальна. Я возился и придумал этот код для добавления вкладки мультимедиа здесь, может быть, кто-то хочет продолжить для того, как обрабатывать содержимое для вкладки? :)

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

А затем файл 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
        }
    });
};

РЕДАКТИРОВАТЬ: Хорошо, так. Для обработки контента я не нашел хороший способ сделать это с помощью wp.media. Мое текущее решение - 2 сценария, один для открытия библиотеки мультимедиа и один для щелчка в меню медиа-маршрутизатора;

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();
        });
    }
});

функция doMyTabContent (); это просто что-то вроде;

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

Я уверен, что это можно сделать гораздо более деликатным способом. Кто бы ни прочитал это и нашел лучшее решение, пожалуйста, заполните :-)

В соответствии с WordPress Codex вы можете добавить пользовательскую вкладку в медиа-загрузчик, например так:

// 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>';
}

Надеюсь, это поможет вам.

   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' );