Añadir pestaña personalizada a la ventana emergente de la biblioteca multimedia de imágenes destacadas

¿Está buscando una manera de añadir una nueva pestaña a la imagen destacada emergente? Si bien es probable que haya un plugin para esto, hemos creado un fragmento de código rápido que se puede utilizar para añadir pestaña personalizada a la imagen destacada popup biblioteca de medios en WordPress.

Instrucciones:

Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:

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

Nota: Si es la primera vez que añades fragmentos de código en WordPress, consulta nuestra guía sobre cómo añadir correctamente fragmentos de código en WordPress, para no romper accidentalmente tu sitio.

Si le ha gustado este fragmento de código, por favor, considere consultar nuestros otros artículos en el sitio como: 8 mejores plugins de revisión de WordPress para aumentar los ingresos en línea y cómo crear un formulario de varias páginas en WordPress.