Home / admin / Add custom tab to featured image media library popup
  • How to Add custom tab to featured image media library popup


    Adding this snippet to the functions.php of your wordpress theme will add a new tab to the featured image popup called mime types. Clicking on this tab will display a list of the allowed file types however this could be changed to display almost any information.

    As requested by Cor van Noorloos, I added a screenshot to better explain the snippet. ( view screenshot ). ( click code to copy )

    wordpress snippet : 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() {
            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 hr{
    			border:solid #ccc;
    			border-width:0px 0px 1px 0px;
    			margin:0px 0px 20px 0px;
    		.mime-types li{

    ( WordPress codex functions, hooks, in this snippet. )

    media_upload_tabs, request, admin_head, add_filter, add_action, __, _e, wp_enqueue_style, wp,