Ajouter un onglet personnalisé à la fenêtre contextuelle de la médiathèque de l'image mise en avant

Cherchez-vous un moyen d'ajouter un nouvel onglet à la fenêtre contextuelle de l'image mise en avant ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour ajouter un onglet personnalisé à la fenêtre contextuelle de la médiathèque pour les images mises en avant dans WordPress.

Instructions :

Il vous suffit d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :

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

Remarque : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur la manière d'ajouter correctement des extraits de code dans WordPress, afin de ne pas endommager accidentellement votre site.

Si vous avez aimé cet extrait de code, n'hésitez pas à consulter nos autres articles sur le site tels que : 8 meilleurs plugins de revue WordPress pour augmenter les revenus en ligne et comment créer un formulaire multipage dans WordPress.