Özel resim kümesiyle medya yükleme yöneticisine yeni sekme nasıl eklenir?

'Dan yönetici ve liste içi resim yüklemek için yeni sekme eklemek istiyorum

theme_folder/images/patterns

Bir sekme eklemek için böyle bir şey denedim, ancak medya yöneticisinin yanına sekmeler eklediğinden ancak resim yüklemede bu sekme görünmediğinden benim için çalışmıyor.

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

tam olarak bu yeni bir sekme eklemek istiyorum ve bu sekmede tema klasöründen görüntüleri listelemek istiyorum.

Medya yöneticisi JS'nin bunun için yeniden yazılması gerektiğinin farkındayım ama dürüst olmak gerekirse nereden başlayacağımı bilmiyorum. Bunu başarmak için medya yöneticisi için tamamen yeni bir şablon yazmam gerekiyor gibi görünüyor.

Tüm önerilere gittim ama hiç kimse soruyu okumuyor gibi görünüyor. Önerildiği gibi "Bir sekme eklemek için böyle bir şey denedim, ancak medya yöneticisinin yanına sekmeler eklediğinden ancak resim yüklemesinde bu sekme görünmediğinden benim için çalışmıyor."

Şimdilik hiç kimse bunun için bir çözüm bulamıyor.

Bu eski bir konu ama benim için hala o kadar alakalı. Kıpır kıpırdım ve buraya bir medya sekmesi eklemek için bu kodla geldim, belki birisi sekme için içeriğin nasıl işleneceği konusunda devam etmek ister? :)

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

Ve sonra js dosyası:

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: Tamam, öyle. İçeriği işlemek için wp.media tarafından bunu yapmak için güzel bir yol bulamadım. Şu anki çözümüm, biri medya kütüphanesini açmak ve diğeri medya yönlendirici menüsüne tıklamak için olmak üzere 2 liseer;

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 () işlevi; sadece bir şeydir;

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

Bunun çok daha hassas bir şekilde yapılabileceğinden eminim. Bunu kim okursa ve daha iyi bir çözümü varsa, lütfen :-) doldurun

WordPress Codex'a göre , medya yükleyiciye aşağıdaki gibi özel sekme ekleyebilirsiniz:

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

Umarım size yardımcı olur.

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