Come aggiungere una nuova scheda al gestore del caricamento multimediale con un set di immagini personalizzato?

Vorrei aggiungere una nuova scheda per caricare il gestore e le immagini dell'elenco interno da

theme_folder/images/patterns

Ho provato qualcosa del genere per aggiungere una scheda ma non funziona per me poiché aggiunge schede sul lato di Media Manager ma al caricamento dell'immagine quella scheda non è visibile.

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

per essere precisi, qui è dove vorrei aggiungere una nuova scheda e in quella scheda vorrei elencare le immagini dalla cartella del tema.

Sono consapevole che il media manager JS deve essere riscritto per questo, ma ad essere sincero non so da dove cominciare. Sembra che per raggiungere questo obiettivo sia necessario scrivere un modello completamente nuovo per Media Manager.

Ho seguito tutti i suggerimenti ma sembra che nessuno stia leggendo la domanda. Come consigliato "Ho provato qualcosa del genere per aggiungere una scheda ma non funziona per me poiché aggiunge schede sul lato di Media Manager ma al caricamento dell'immagine quella scheda non è visibile."

Quindi per ora nessuno è in grado di trovare la soluzione per questo.

Questo è un vecchio thread, ma per me ancora così rilevante. Ho avuto problemi e ho trovato questo codice per l'aggiunta di una scheda multimediale qui, forse qualcuno vuole continuare su come gestire il contenuto per la scheda? :)

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

E poi il file 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, quindi. Per la gestione dei contenuti non ho trovato un modo carino per farlo tramite wp.media. La mia soluzione attuale sono 2 lisener, uno per aprire la libreria multimediale e uno per fare clic nel menu del router multimediale;

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

la funzione doMyTabContent (); è solo qualcosa di simile;

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

Sono molto sicuro che questo possa essere fatto in un modo molto più delicato. Chiunque legga questo e abbia una soluzione migliore, compila :-)

Secondo WordPress Codex è possibile aggiungere una scheda personalizzata nel caricatore multimediale in questo modo:

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

Spero che ti possa aiutare.

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