为媒体库弹出窗口添加自定义TAB栏-WP新手学园

不知道这个标题大家能不能明白什么是什么意思，如果不明白的话，那么可以看看下面的图片即可了解：

那么这个弹出窗口添加一个TAB栏是什么意思呢？

不知道通过上面的截图，大家明白这个意思了没有，如果明白了，感兴趣的话可以继续往下面看看。

添加的这个TAB栏目可以用来做什么，就看个人的需求了。直接将下面的代码添加到主题目录下的function.php文件中即可，不会添加可以安装插件解决的问题：

function mime_type_tab($tabs) {
        /* name of custom tab */
    $new_tab = array('mimeframe' => __('Mime Types', 'mimetype'));
    return array_merge($tabs, $new_tab);
}
add_filter('media_upload_tabs', 'mime_type_tab');
 
 
function create_mime_type_page() {
    media_upload_header();
        wp_enqueue_style( 'media' );
 
        /* add custom code to display bellow this line */
    /* display mime types */
    $mimes = get_allowed_mime_types();
    $types = array();
 
    echo '<div class="type-outer">';
    echo '<h3 class="media-title">Supported file types</h3>';
    echo '<hr />';
 
    foreach ($mimes as $ext => $mime) {
         $types[] = '<li>' . str_replace('|', ', ', $ext) . '</li>';
    }
    echo '<ul class="mime-types">' . implode('', $types) . '</ul>';
    echo '</div>';
       /* end custom code */
  
}
 
function insert_mime_type_iframe() {
    return wp_iframe( 'create_mime_type_page');
}
add_action('media_upload_mimeframe', 'insert_mime_type_iframe');
 
    add_action( 'admin_head', 'mime_frame_css' );
    function mime_frame_css() {
        echo '<style type="text/css">
        .type-outer{margin:20px;}
        .type-outer hr{
            border:solid #ccc;
            border-width:0px 0px 1px 0px;
            margin:0px 0px 20px 0px;
            }
        .mime-types li{
            font-size:10px;
            float:left;
            width:24%;
            padding:1px;
            }
            </style>';
    }