X

Adicionar aba personalizada ao popup da biblioteca de mídia de imagem destacada

Snippets por IsItWP

Você está procurando uma maneira de adicionar uma nova aba ao popup da imagem destacada? Embora provavelmente exista um plugin para isso, criamos um pequeno trecho de código que você pode usar para adicionar uma aba personalizada ao popup da biblioteca de mídia de imagens destacadas no WordPress.

Instruções:

Tudo o que você precisa fazer é adicionar este código ao arquivo functions.php do seu tema ou a um plugin específico do 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>';
	}

Observação: Se esta é a sua primeira vez adicionando snippets de código no WordPress, consulte nosso guia sobre como adicionar snippets de código corretamente no WordPress, para não quebrar acidentalmente seu site.

Se você gostou deste trecho de código, considere conferir nossos outros artigos no site, como: 8 melhores plugins de avaliação do WordPress para aumentar a receita online e como criar um formulário de várias páginas no WordPress.

Comentários   Deixe uma resposta

  1. Olá, eu sei que este é um tópico antigo, mas talvez alguém ainda possa ajudar. Não funcionou para mim, nenhuma alteração no popup de mídia após inserir este código no meu functions.php – alguma ideia?

  2. legal, como podemos defini-la como a aba padrão?

  3. obrigado por isso….. é ótimo..

    1.  Legal, fico feliz em ver que pude ajudar.

Adicionar um comentário

Ficamos felizes que você tenha escolhido deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de privacidade, e todos os links são nofollow. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.

Checklist de Lançamento WordPress

O Checklist Definitivo para Lançamento de WordPress

Compilamos todos os itens essenciais da lista de verificação para o lançamento do seu próximo site WordPress em um e-book prático.
Sim, envie-me o eBook Gratuito!