Comment ajouter un nouvel onglet au gestionnaire de téléchargement de médias avec un ensemble d'images personnalisé?

Je voudrais ajouter un nouvel onglet pour télécharger le gestionnaire et les images de la liste intérieure de

theme_folder/images/patterns

J'ai essayé quelque chose comme ça pour ajouter un onglet mais cela ne fonctionne pas pour moi car il ajoute des onglets sur le côté du gestionnaire de médias mais lors du téléchargement d'images, cet onglet n'est pas visible.

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

pour être précis, c'est là que je voudrais ajouter un nouvel onglet et dans cet onglet, je voudrais lister les images du dossier de thème.

Je suis conscient que le gestionnaire de médias JS doit être réécrit, mais pour être honnête, je ne sais pas par où commencer. On dirait que j'ai besoin d'écrire un tout nouveau modèle pour le gestionnaire de médias afin d'y parvenir.

J'ai parcouru toutes les suggestions, mais il semble que personne ne lise la question. Comme conseillé "J'ai essayé quelque chose comme ça pour ajouter un onglet mais cela ne fonctionne pas pour moi car il ajoute des onglets sur le côté du gestionnaire de médias mais lors du téléchargement d'images, cet onglet n'est pas visible."

Donc pour l'instant personne n'est en mesure de trouver la solution.

C'est un vieux fil mais pour moi toujours aussi pertinent. J'ai bidouillé et j'ai trouvé ce code pour ajouter un onglet multimédia ici, peut-être que quelqu'un veut continuer à gérer le contenu de l'onglet? :)

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

Et puis le fichier 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, donc. Pour gérer le contenu, je n'ai pas trouvé une bonne façon de le faire par wp.media. Ma solution actuelle est 2 écouteurs, un pour ouvrir la bibliothèque multimédia et un pour cliquer dans le menu du routeur multimédia;

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 fonction doMyTabContent (); est juste quelque chose comme;

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

Je suis sûr que cela peut se faire de manière beaucoup plus délicate. Quiconque lit ceci et a une meilleure solution, veuillez remplir :-)

Selon WordPress Codex, vous pouvez ajouter un onglet personnalisé dans l'uploader de médias comme ceci:

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

J'espère que cela vous aidera.

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