Neste guia abrangente, n\u00f3s o acompanharemos por tudo o que h\u00e1 para saber sobre a Biblioteca de M\u00eddia WordPress<\/strong>, incluindo como importar e baixar conte\u00fado<\/a>. Cobriremos tamb\u00e9m edi\u00e7\u00e3o de imagens, gerenciamento de arquivos a longo prazo e quatro hacks para incorpora\u00e7\u00e3o de funcionalidades avan\u00e7adas.<\/p>\n Vamos come\u00e7ar!<\/p>\n Em sua ess\u00eancia, sua Biblioteca de M\u00eddia WordPress \u00e9 exatamente o que seu nome implica: um cat\u00e1logo de todos os arquivos de m\u00eddia que voc\u00ea carregou no seu site:<\/p>\n O WordPress \u00e9 capaz de hospedar uma variedade de tipos de m\u00eddia, inclusive:<\/p>\n Ele tamb\u00e9m tem alguns recursos limitados de edi\u00e7\u00e3o de fotos, para que voc\u00ea possa fazer os ajustes necess\u00e1rios diretamente do seu painel.<\/p>\n Infelizmente, o WordPress ainda n\u00e3o suporta imagens de webp<\/a> fora da caixa.<\/p>\n Para acessar sua Biblioteca de M\u00eddia, basta clicar em M\u00eddia<\/strong> na barra lateral de sua administra\u00e7\u00e3o a qualquer momento:<\/p>\n H\u00e1 algumas op\u00e7\u00f5es b\u00e1sicas dispon\u00edveis aqui.<\/p>\n Primeiro, voc\u00ea pode determinar se deseja ver seus arquivos em uma visualiza\u00e7\u00e3o em lista ou grade, clicando nos \u00edcones relevantes:<\/p>\n Voc\u00ea tamb\u00e9m pode filtrar seus arquivos usando os menus drop-down:<\/p>\n O primeiro menu permite que voc\u00ea veja sua m\u00eddia por tipo, enquanto o segundo ir\u00e1 filtrar o conte\u00fado de sua biblioteca pelas datas em que foram carregadas.<\/p>\n Voc\u00ea tamb\u00e9m pode usar a barra de busca para procurar por arquivos espec\u00edficos pelo nome:<\/p>\n Finalmente, h\u00e1 tamb\u00e9m um bot\u00e3o Bulk Select<\/strong>. Este recurso permite apagar v\u00e1rios arquivos da sua instala\u00e7\u00e3o do WordPress de uma s\u00f3 vez:<\/p>\n Isto abrange todas as funcionalidades nativas dispon\u00edveis na tela da Biblioteca de M\u00eddia WordPress.<\/p>\n Como voc\u00ea ver\u00e1 mais tarde, h\u00e1 muitas modifica\u00e7\u00f5es que voc\u00ea pode fazer para melhor\u00e1-lo. Primeiro, por\u00e9m, precisamos discutir como adicionar arquivos ao WordPress.<\/p>\n\n Existem algumas maneiras diferentes de adicionar arquivos (por exemplo, o favicon<\/a> do seu site) \u00e0 sua Biblioteca de M\u00eddia WordPress. A primeira \u00e9 navegar para M\u00eddia > Adicionar Novo:<\/strong><\/p>\n Aqui, voc\u00ea pode carregar arquivos que s\u00e3o salvos no seu computador ou em outro dispositivo:<\/p>\n Voc\u00ea tamb\u00e9m pode adicionar m\u00eddia diretamente do editor do WordPress. No Block Editor<\/a>, comece adicionando o bloco correspondente para o tipo de m\u00eddia que voc\u00ea deseja incorporar:<\/p>\n No local resultante, selecione Upload<\/strong> e escolha um arquivo do seu computador:<\/p>\n Alternativamente, voc\u00ea pode simplesmente arrastar e soltar o arquivo do seu desktop para o bloco relevante.<\/p>\n No Editor Cl\u00e1ssico, voc\u00ea precisar\u00e1 clicar no bot\u00e3o Adicionar M\u00eddia<\/strong>:<\/p>\n Depois navegue at\u00e9 a aba Upload<\/strong> e selecione um arquivo do seu computador:<\/p>\n Voc\u00ea tamb\u00e9m pode arrastar e soltar arquivos do seu desktop diretamente para o editor, a qualquer momento.<\/p>\n Em alguns casos, voc\u00ea pode achar que voc\u00ea precisa fazer upload manual arquivos de m\u00eddia para o seu site WordPress via FTP<\/a>. Voc\u00ea pode fazer isso usando um cliente como o FileZilla<\/a>.<\/p>\n Uma vez conectado ao seu servidor, navegue at\u00e9 wp-content > uploads<\/strong>:<\/p>\n Carregue arquivos neste diret\u00f3rio para adicion\u00e1-los \u00e0 sua Biblioteca de M\u00eddia.<\/p>\n Em algumas circunst\u00e2ncias, voc\u00ea pode precisar baixar arquivos da sua Biblioteca de M\u00eddia para o seu computador. O WordPress permite que voc\u00ea fa\u00e7a isso nativamente, navegando para Ferramentas > Exportar:<\/strong><\/p>\n Em seguida, selecione a op\u00e7\u00e3o M\u00eddia<\/strong>. Se voc\u00ea s\u00f3 precisa de arquivos que foram carregados dentro de um per\u00edodo de tempo espec\u00edfico, voc\u00ea pode usar os menus suspensos<\/a> para especificar o seu pedido:<\/p>\n Finalmente, clique no bot\u00e3o Download Export File<\/strong>. Isto ir\u00e1 baixar os arquivos de m\u00eddia relevantes para o seu computador.<\/p>\n Como mencionamos anteriormente, o WordPress tem alguns recursos de edi\u00e7\u00e3o de imagens nativas. Para acess\u00e1-las, navegue at\u00e9 sua Biblioteca de M\u00eddia WordPress e selecione o arquivo que voc\u00ea deseja editar. Em seguida, clique no bot\u00e3o Editar imagem<\/strong>:<\/p>\n Isto ir\u00e1 abrir o editor de imagens:<\/p>\n H\u00e1 cinco edi\u00e7\u00f5es b\u00e1sicas que voc\u00ea pode fazer:<\/p>\n O corte<\/strong> permite o corte de se\u00e7\u00f5es da imagem:<\/p>\n Girando<\/strong> a imagem no sentido anti-hor\u00e1rio ou no sentido hor\u00e1rio em 90 graus:<\/p>\n Ao girar<\/strong> a imagem, ela ser\u00e1 refletida vertical ou horizontalmente:<\/p>\n As outras tr\u00eas configura\u00e7\u00f5es est\u00e3o na barra lateral. A primeira permite que voc\u00ea altere o tamanho<\/strong> da imagem atrav\u00e9s da escala da mesma<\/strong>. Basta digitar a altura ou largura desejada, e o outro campo ir\u00e1 se auto-popular. Em seguida, clique no bot\u00e3o Escala<\/strong>:<\/p>\n \u00c9 importante notar que o redimensionamento de imagens no WordPress pode, \u00e0s vezes, afetar negativamente sua qualidade.<\/p>\n Al\u00e9m disso, voc\u00ea s\u00f3 pode tirar imagens grandes e escal\u00e1-las para baixo. Voc\u00ea n\u00e3o pode escalar as imagens para um tamanho maior!<\/p>\n Para recortar sua imagem para que ela tenha uma rela\u00e7\u00e3o de aspecto ou dimens\u00f5es espec\u00edficas, voc\u00ea pode usar os campos Aspect Ratio<\/strong> e Selection<\/strong> em Image Crop<\/strong>:<\/p>\n Finalmente, se voc\u00ea deseja preservar a miniatura da imagem existente, voc\u00ea pode fazer isso usando as Configura\u00e7\u00f5es de miniaturas<\/strong>. Basta selecionar o bot\u00e3o de r\u00e1dio para qualquer vers\u00e3o da sua imagem que voc\u00ea deseja aplicar as altera\u00e7\u00f5es:<\/p>\n A edi\u00e7\u00e3o de imagem padr\u00e3o do WordPress \u00e9 \u00fatil, mas limitada. Ele n\u00e3o substituir\u00e1 nenhum software que voc\u00ea possa usar para modifica\u00e7\u00f5es mais extensas, especialmente se voc\u00ea estiver rodando um site de fotografia ou photoblog<\/a>.<\/p>\n Infelizmente, ocorrem erros no WordPress<\/a>. E a Biblioteca de M\u00eddia do WordPress n\u00e3o \u00e9 exce\u00e7\u00e3o.<\/p>\n Um problema que normalmente aparece \u00e9 um “erro HTTP” n\u00e3o especificado<\/a> que pode aparecer quando voc\u00ea est\u00e1 carregando um novo arquivo de dentro do editor:<\/p>\n Normalmente, voc\u00ea pode simplesmente esperar que esse erro desapare\u00e7a e tentar o upload novamente ap\u00f3s alguns minutos. Se o erro HTTP ocorrer novamente, pode ser que sua sess\u00e3o do WordPress tenha expirado<\/a>. Voc\u00ea precisar\u00e1 fazer o login novamente<\/a> e depois tentar novamente o upload.<\/p>\n Outro problema que alguns usu\u00e1rios enfrentam \u00e9 a falha de carregamento da Biblioteca de M\u00eddia. Isto \u00e9 muitas vezes devido a um conflito com seus plugins e\/ou tema<\/a>. Para solucionar este erro, tente desativar todos os seus plugins e mudar para um tema padr\u00e3o do WordPress<\/a>.<\/p>\n Se a sua Biblioteca de M\u00eddia carregar corretamente novamente, voc\u00ea precisar\u00e1 solucionar o conflito de plugins para resolver o problema permanentemente.<\/p>\n \u00c0s vezes voc\u00ea pode encontrar o “Upload”: Failed to Write File to Disk<\/a>” quando voc\u00ea come\u00e7a a fazer o upload de seus arquivos atrav\u00e9s da biblioteca de m\u00eddia. Normalmente, este problema ocorre quando seu diret\u00f3rio de upload est\u00e1 definido como Not Writable (N\u00e3o Grav\u00e1vel). Voc\u00ea pode verificar as permiss\u00f5es do seu sistema de arquivos atrav\u00e9s da ferramenta Site Health<\/a> do WordPress.<\/p>\n At\u00e9 o momento, focamos exclusivamente na funcionalidade nativa do WordPress quando se trata da Biblioteca de M\u00eddia. No entanto, como voc\u00ea usa este recurso ao longo do tempo, voc\u00ea provavelmente ter\u00e1 alguns problemas que requerem ajuda de solu\u00e7\u00f5es externas.<\/p>\n Por exemplo, quanto mais arquivos voc\u00ea adicionar, mais desorganizada ser\u00e1 a sua Biblioteca de M\u00eddia WordPress. Al\u00e9m das op\u00e7\u00f5es de busca e filtragem discutidas para o in\u00edcio deste post, o WordPress n\u00e3o oferece muita ajuda para lidar com volumes desordenados de m\u00eddia.<\/p>\n Existem, no entanto, alguns plugins que permitem que voc\u00ea organize seus arquivos de m\u00eddia em pastas.<\/p>\n O plugin WordPress Media Library Folders<\/a> \u00e9 a op\u00e7\u00e3o mais popular:<\/p>\n Al\u00e9m de permitir que voc\u00ea crie pastas de arquivos de m\u00eddia, este plugin tamb\u00e9m se integra ao MaxGalleria<\/a> para permitir que voc\u00ea crie galerias de imagens diretamente da Biblioteca de M\u00eddia:<\/p>\n A atualiza\u00e7\u00e3o para o WordPress Media Library Folders Pro<\/a> oferece integra\u00e7\u00e3o adicional com o plugin NextGEN Gallery<\/a> e os Advanced Custom Fields<\/a>. Ele tamb\u00e9m permite que voc\u00ea crie categorias e tags para organizar ainda mais seus arquivos.<\/p>\n Outra funcionalidade que falta no WordPress \u00e9 a capacidade de substituir arquivos de m\u00eddia por novas vers\u00f5es. Como estes tipos de arquivos podem ser bastante grandes, voc\u00ea n\u00e3o quer simplesmente continuar adicionando novos arquivos sempre que precisar atualizar seu conte\u00fado.<\/p>\n Isso significa que ap\u00f3s carregar um novo arquivo, voc\u00ea precisar\u00e1 localizar a vers\u00e3o antiga e exclu\u00ed-la. Voc\u00ea pode economizar algum tempo substituindo diretamente imagens antigas por Enable Media Replace<\/a>:<\/p>\n Com este plugin, voc\u00ea tamb\u00e9m pode substituir todos os links que apontam para o arquivo antigo. Isto \u00e9 \u00fatil para evitar m\u00eddia quebrada em todo o seu site.<\/p>\n A Real Media Library<\/a> \u00e9 outro gerenciador de pastas e arquivos que vale a pena conferir para tornar o gerenciamento de seus arquivos mais f\u00e1cil.<\/p>\n Gra\u00e7as a ele, voc\u00ea \u00e9 capaz de cuidar de muitos arquivos como fotos, v\u00eddeos e documentos diretamente no WordPress. \u00c9 bom saber disso: A Real Media Library est\u00e1 dispon\u00edvel em 12 idiomas. Se a vers\u00e3o gratuita n\u00e3o for suficiente para suas necessidades, eles tamb\u00e9m fornecem uma vers\u00e3o PRO<\/a> com mais recursos.<\/p>\n A Biblioteca de M\u00eddia WordPress pode lidar com a maioria dos requisitos comuns de um administrador do site. No entanto, o WordPress fornece uma s\u00e9rie de fun\u00e7\u00f5es e hooks<\/a> que permitem aos usu\u00e1rios aprimorar caracter\u00edsticas espec\u00edficas da Biblioteca de M\u00eddia, sem o uso de plugins de terceiros. Vamos mergulhar nestas fun\u00e7\u00f5es e hooks com quatro exemplos pr\u00e1ticos.<\/p>\n Sempre que voc\u00ea faz upload de um arquivo de m\u00eddia, o WordPress gera um tipo de post anexo<\/a>.<\/p>\n Como qualquer outro tipo de post, os anexos s\u00e3o registrados na tabela wp_postmeta<\/strong>, e seus respectivos metadados podem ser encontrados na tabela wp_postmeta<\/strong> do seu banco de dados:<\/p>\n A tabela wp_posts<\/strong> armazena dados que incluem post_content<\/strong> (descri\u00e7\u00e3o do anexo), post_excerpt<\/strong> (legenda do anexo), post_author<\/strong>, post_title<\/strong>, post_status<\/strong>, e post_mime_type<\/strong>.<\/p>\n A tabela wp_postmeta<\/strong> armazena qualquer tipo de metadados, como a URL do arquivo anexado, dimens\u00f5es da imagem e tipos de m\u00edmica, e metadados do formato Exchangeable Image File (EXIF) e do International Press Telecommunications Council (IPTC).<\/p>\n Voc\u00ea pode ocasionalmente precisar adicionar metadados personalizados aos anexos, tais como o nome do autor de um documento, uma URL associada ou o local onde uma foto foi tirada. Adicionar meta campos a anexos \u00e9 um pouco diferente de adicionar meta campos a postagens, e requer ganchos e fun\u00e7\u00f5es espec\u00edficas.<\/p>\n Primeiro, voc\u00ea precisar\u00e1 adicionar todos os campos personalizados necess\u00e1rios \u00e0 tela Edit Media<\/strong>. Voc\u00ea pode realizar esta tarefa filtrando os campos de anexo dispon\u00edveis atrav\u00e9s do filtro attachment_fields_to_edit<\/a> em wp-admin\/includes\/media.php<\/strong>:<\/p>\n A fun\u00e7\u00e3o tem dois argumentos: o array $form_fields<\/strong> de campos de formul\u00e1rio e o objeto $post<\/strong>. Primeiro, get_post_meta<\/strong> recupera o valor ‘media_author’<\/strong> existente, depois um elemento ‘media_author’<\/strong> \u00e9 adicionado ao array $form_fields<\/strong>.<\/p>\n Finalmente, a callback retorna $form_fields<\/strong> (veja o c\u00f3digo em Gist<\/a>).<\/p>\n Isto ir\u00e1 exibir um novo campo na p\u00e1gina Editar M\u00eddia<\/strong>, que voc\u00ea pode acessar selecionando a imagem relevante na sua Biblioteca de M\u00eddia e clicando no link Editar mais detalhes:<\/strong><\/p>\n Na tela resultante, voc\u00ea ver\u00e1 seu novo campo de metadados personalizado na parte inferior:<\/p>\n O pr\u00f3ximo passo \u00e9 salvar a entrada do usu\u00e1rio. Voc\u00ea pode fazer isso atrav\u00e9s da conex\u00e3o de uma nova fun\u00e7\u00e3o \u00e0 a\u00e7\u00e3o edit_attachment<\/strong>:<\/p>\n Esta fun\u00e7\u00e3o mant\u00e9m apenas um argumento: o $attachment_id<\/strong> do arquivo de m\u00eddia atual. Primeiro, a fun\u00e7\u00e3o verifica se um valor v\u00e1lido para o meta-campo personalizado foi enviado. Depois ele registra o valor gra\u00e7as \u00e0 fun\u00e7\u00e3o update_post_meta<\/a> (veja o c\u00f3digo no Gist<\/a>).<\/p>\n Agora, voc\u00ea pode recuperar o valor ‘media_author’<\/strong> gra\u00e7as \u00e0 fun\u00e7\u00e3o get_post_meta<\/strong>:<\/p>\n Depois disso, voc\u00ea pode exibi-la em qualquer lugar do frontend.<\/p>\n O WordPress armazena automaticamente metadados estendidos para os tipos de mime JPEG e TIFF. Agora que voc\u00ea sabe como adicionar campos \u00e0 tela Edit Media<\/strong> via media.php<\/strong>, voc\u00ea pode exibir esses dados.<\/p>\n Para realizar esta tarefa, voc\u00ea tem que mudar a primeira fun\u00e7\u00e3o de callback da seguinte forma:<\/p>\n Este trecho utiliza as seguintes fun\u00e7\u00f5es do WordPress:<\/p>\n Se o tipo mime da imagem \u00e9 “image\/jpeg”, e se metadados existem, ent\u00e3o um array de metadados necess\u00e1rios \u00e9 declarado, e um campo de formul\u00e1rio para cada elemento do array \u00e9 criado:<\/p>\n Os campos de formul\u00e1rio deste exemplo s\u00e3o um pouco mais complexos, pois estamos definindo um valor para o elemento de formul\u00e1rio ‘html’ <\/strong>(veja o c\u00f3digo em Gist<\/a>). Voc\u00ea n\u00e3o precisa salvar os metadados EXIF e IPCT, pois o WordPress os armazena automaticamente na tabela wp_postmeta<\/strong> ao fazer upload de imagens.<\/p>\n Ter todas essas informa\u00e7\u00f5es para voc\u00ea mesmo na parte de tr\u00e1s \u00e9 \u00fatil. No entanto, se voc\u00ea tamb\u00e9m quiser mostrar metadados estendidos para seus arquivos de m\u00eddia no frontend, voc\u00ea precisar\u00e1 fazer um pouco mais de ajustes.<\/p>\n Para fazer isso, voc\u00ea pode anexar essas informa\u00e7\u00f5es \u00e0 descri\u00e7\u00e3o do anexo usando um filtro the_content<\/a> em wp-admin\/includes\/post.php<\/strong>, dessa forma:<\/p>\nUma Introdu\u00e7\u00e3o \u00e0 Biblioteca de M\u00eddia WordPress<\/h2>\n
![\"Biblioteca](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/biblioteca-midia-wordpress.png\")
<\/a>\n
![\"Acesso](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/acesso-biblioteca-midia-wordpress.png\")
<\/a>![\"Op\u00e7\u00f5es](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/opcoes-visualizacao.png\")
<\/a>![\"Filtragem](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/filtragem-arquivos.png\")
<\/a>![\"Barra](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/barra-de-busca.png\")
<\/a>![\"Op\u00e7\u00e3o](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/opcao-selecao-massa.png\")
<\/a>Como Adicionar Arquivos \u00e0 sua Biblioteca de M\u00eddia WordPress<\/h2>\n
![\"Acesso](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/acesso-uploader-wordpress-media.png\")
<\/a>![\"Carregador](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/carregador-midia-wordpress.png\")
<\/a>![\"Blocos](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/blocos-midia-wordpress.png\")
<\/a>![\"Upload](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/upload-midia-bock-editor.png\")
<\/a>![\"Classic](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/classic-editor-botao-adicionar-midia.png\")
<\/a>![\"Upload](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/upload-midia-classic-editor.png\")
<\/a>![\"Upload](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/upload-arquivos.png\")
Download de Conte\u00fado da Biblioteca de M\u00eddia WordPress<\/h3>\n
![\"Ferramenta](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/ferramenta-exportacao-wordpress.png\")
<\/a>![\"Exportando](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/exportando-midias-wordpress.png\")
<\/a>Como editar imagens na Biblioteca de M\u00eddia WordPress<\/h2>\n
![\"Bot\u00e3o](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/botao-editar-imagem-wordpress.png\")
![\"Editor](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/editor-imagens-wordpress.png\")
![\"Cultura](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/cultura-imagem-wordpress.png\")
![\"Girar](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/girar-imagem-esquerda-wordpress.png\")
![\"Imagem](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/imagem-horizontal-flip-wordpress.png\")
![\"Dimensionando](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/dimensionando-imagem-wordpress.png\")
![\"Configurando](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/configurando-dimensoes-selecao-corte-imagem-wordpress.png\")
![\"Configura\u00e7\u00f5es](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/configuracoes-miniaturas-editor-imagens-wordpress.png\")
Entendendo os erros da Biblioteca de M\u00eddia WordPress<\/h2>\n
![\"Erro](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/erro-http-upload-midia.png\")
Gerenciamento de M\u00eddia de Longo Prazo<\/h2>\n
![\"WordPress](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/wordpress-media-library-folders-plugin.jpg\")
<\/a>![\"WordPress](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/wordpress-gallery-maxgalleria-plugin.jpg\")
<\/a>![\"Enable](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/enable-media-replace-plugin.jpg\")
<\/a>![\"Plugin](\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/Real-Media-Library-plugin.jpg\")
4 Pr\u00e1ticos Hacks para Biblioteca de M\u00eddia WordPress<\/h2>\n
1. Adicionar Metadados Personalizados aos Tipos de Post de Anexos<\/h3>\n
![\"Painel](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/painel-detalhes-fixacao-defeito.png\")
function media_hacks_field_to_edit( $form_fields, $post ){\n\n\t\/\/ https:\/\/codex.wordpress.org\/Function_Reference\/wp_get_metadata\n\t$media_author = get_post_meta( $post->ID, 'media_author', true );\n \n\t$form_fields['media_author'] = array(\n\t\t'value' => $media_author ? $media_author : '',\n\t\t'label' => __( 'Author' )\n\t); \n\treturn $form_fields;\n}\nadd_filter( 'fields_to_edit', 'media_hacks_field_to_edit', 10, 2 );<\/code><\/pre>\n![\"Edit](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/edit-more-details-1.png\")
![\"Novo](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/novo-campo-metadados-autor.png\")
<\/a>function media_hacks_edit_attachment( $attachment_id ){\n\tif ( isset( $_REQUEST['attachments'][$attachment_id]['media_author'] ) ) {\n \n\t\t$media_author = $_REQUEST['attachments'][$attachment_id]['media_author'];\n \n\t\tupdate_post_meta( $attachment_id, 'media_author', $media_author );\n\t}\n}\nadd_action( 'edit_attachment', 'media_hacks_edit_attachment' );\n<\/code><\/pre>\n$media_author = get_post_meta( $post->ID, 'media_author', true );<\/code><\/pre>\n2. Exibir Metadados EXIF e IPTC na tela Edit Media<\/h3>\n
function media_hacks_attachment_fields_to_edit( $form_fields, $post ){\n\n\t\/\/ get post mime type\n\t$type = get_post_mime_type( $post->ID );\n\n\t\/\/ get the attachment path\n\t$attachment_path = get_attached_file( $post->ID );\n\n\t\/\/ get image metadata\n\t$metadata = wp_read_image_metadata( $attachment_path );\n\n\tif( 'image\/jpeg' == $type ){\n\n\t\tif( $metadata ) {\n\n\t\t\t$exif_data = array(\n\t\t\t\t'aperture' => 'Aperture', \n\t\t\t\t'camera' => 'Camera', \n\t\t\t\t'created_timestamp' => 'Timestamp',\n\t\t\t\t'focal_length' => 'Focal Length', \n\t\t\t\t'iso' => 'ISO', \n\t\t\t\t'shutter_speed' => 'Exposure Time', \n\t\t\t\t'orientation' => 'Orientation' );\n\n\t\t\tforeach ( $exif_data as $key => $value ) {\n\n\t\t\t\t$exif = $metadata[$key];\n\t\t\t\t$form_fields[$key] = array(\n\t\t\t\t\t'value' => $exif ? $exif : '',\n\t\t\t\t\t'label' => __( $value ),\n\t\t\t\t\t'input' => 'html',\n\t\t\t\t\t'html' => \"ID][$exif]' value='\" . $exif . \"' \/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\treturn $form_fields;\n}\nadd_filter( 'attachment_fields_to_edit', 'media_hacks_attachment_fields_to_edit', 10, 2 );<\/code><\/pre>\n\n
![\"metadados](\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2020\/05\/metadados-exif-iptc-1.png\")
3. Mostrar Metadados Estendidos no Frontend<\/h3>\n
function media_hacks_the_content( $content ){\n\tglobal $post;\n\n\tif( is_attachment() && 'image\/jpeg' == get_post_mime_type( $post->ID ) ) {\n\n\t\t$fields = wp_get_attachment_metadata( $post->ID );\n\t\t$meta = $fields['image_meta'];\n\n\t\tif( ! empty( $meta['camera'] ) ){\n\t\t\t$custom_content = \"\n\t\t\t<ul>\n\t\t\t\t<li>Camera: {$meta['camera']}<\/li>\n\t\t\t\t<li>Created timestamp: {$meta['created_timestamp']}<\/li>\n\t\t\t\t<li>Aperture: {$meta['aperture']}<\/li>\n\t\t\t\t<li>Focal length: {$meta['focal_length']}<\/li>\n\t\t\t\t<li>ISO: {$meta['iso']}<\/li>\n\t\t\t\t<li>Shutter speed: {$meta['shutter_speed']}<\/li>\n\t\t\t\t<li>Orientation: {$meta['orientation']}<\/li>\n\t\t\t<\/ul>\";\n\t\t\t$content .= $custom_content; \n\t\t}\n\t}\n\treturn $content;\n}\nadd_filter( 'the_content', 'media_hacks_the_content' );<\/code><\/pre>\n