Como Adicionar Visualização em Grade para a Biblioteca de Mídia no WordPress

Estávamos trabalhando em como remover imagens em destaque em massa de posts no WordPress, e isso nos fez pensar que há tantas coisas que podem ser feitas para melhorar a biblioteca de mídia. Atualmente, a biblioteca de mídia exibe toda a sua mídia em uma visualização de lista com uma pequena miniatura das imagens. Neste artigo, mostraremos como adicionar uma visualização em grade para a biblioteca de mídia no WordPress com prévias de imagem maiores e melhor interface de usuário.

Imagens na biblioteca de mídia do WordPress exibidas em grade

Quem Deve Usar a Visualização em Grade? Por Que Ela é Melhor?

Muitas pessoas usam o WordPress para compartilhar fotos usando seus smartphones. Existem muitos ótimos temas de fotografia e temas de portfólio do WordPress que permitem às pessoas exibir não apenas suas fotos, mas também outros tipos de arte digital. Na parte frontal do site, esses temas podem lidar com imagens adicionando seus próprios tamanhos de imagem e usando miniaturas de postagem ou imagens em destaque. Mas na área de administração, essa visualização em lista é menos que ideal. A prévia da miniatura é muito pequena e a visualização em lista contém colunas para detalhes que a maioria das pessoas nem sequer olha.

Por outro lado, substituir a visualização de lista padrão da biblioteca de mídia por uma grade de mídia muda totalmente a experiência do usuário. Torna-se mais fácil navegar pela mídia, comparar imagens, editá-las, etc. Ela presta mais atenção à representação visual das imagens do que a outras informações.

Como Exibir a Biblioteca de Mídia do WordPress em Visualização de Grade

A primeira coisa que você precisa fazer é instalar e ativar o plugin MP6. O MP6 é uma iteração da interface administrativa do WordPress, criada pelo fundador do WordPress, Matt Mullenweg, e outros desenvolvedores principais do WordPress. Poderia também ser o futuro do back-end administrativo do WordPress. Assim que você tiver instalado e ativado o plugin MP6, ele mudará a interface administrativa do seu WordPress.

Interface de Administração do WordPress com o plugin MP6

A próxima coisa que você precisa fazer é instalar e ativar o plugin Media Grid. Ele funciona imediatamente, então não há configurações para você configurar. Simplesmente vá para Mídia » Biblioteca e clique em Visualização em Grade.

Biblioteca de mídia do WordPress em visualização em grade

Você pode ajustar o tamanho das miniaturas de pré-visualização de mídia com o controle deslizante no topo. Clicar em uma imagem abrirá a tela de edição da imagem. Você também pode selecionar várias imagens e compará-las lado a lado.

Os plugins Media Grid e MP6 são ambos uma tentativa de modificar a interface administrativa do WordPress para uma experiência de usuário aprimorada. Que outras mudanças você acha que seriam ótimas para melhorar a interface do usuário administrativa do WordPress? Deixe-nos saber seus pensamentos deixando um comentário abaixo.

Aviso: Nosso conteúdo é apoiado pelos leitores. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

13 CommentsLeave a Reply

  1. Instalei o MP6. Interface muito elegante. Um problema, porém… as instruções incluídas para selecionar a visualização em grade. Não há tal opção para selecionar. Alguma ideia? Estou usando a versão mais recente do WP.

  2. Instalei tanto o MP6 quanto o Media Grid, mas não consigo ver as alterações como nas suas capturas de tela da dica. O Media Grid eu consigo ver na Biblioteca de Mídia, mas sem controles de seleção. O que deu errado? O problema poderia ser, por exemplo, o pacote de idioma, ou seja, não aparecer quando o idioma é outro que não o inglês?

  3. Dica incrível. A interface desajeitada da biblioteca de mídia me incomoda desde o início. Faz todo o sentido usar um sistema de grade. Não só economiza espaço (eu odiava ter que passar por páginas e páginas de conteúdo para encontrar a imagem que eu procurava), mas também exibe as imagens em qualquer tamanho que você quiser. Para o meu uso, é a solução perfeita. As informações de metadados das imagens são secundárias para o meu propósito. Finalmente, a biblioteca de mídia é divertida de usar. Categorias de pastas seriam uma boa adição (no estilo do Bridge) para ajudar a organizar o conteúdo por tipo, classificação e/ou cliente, etc. O WpBeginner me ensinou tantas coisas legais - eu realmente aprecio vocês, rapazes e moças. Continuem o excelente trabalho!

  4. Sou relativamente 'novato' em WP, então não entendo completamente os comentários de Karen. No entanto, à medida que uso o WP e administro meu site, percebo que falta uma coisa na Biblioteca de Mídia que eu apreciava em minha única outra experiência, que foi o Joomla (mas para isso prefiro muito mais os recursos disponíveis no WP). Não há como, que eu saiba, criar pastas para armazenar a mídia carregada especificamente para uma página em particular. Por exemplo, uma página como "Sobre Nós" – criar uma Pasta de Mídia com o mesmo nome para armazenar qualquer mídia carregada para essa página específica. Isso, é claro, tornaria muito mais simples encontrar e localizar em vez de "pesquisar" ou passar página após página de mídia lembrando o nome que a mídia recebeu há algum tempo. Novamente, para aqueles de nós novos em WP, isso economizaria uma quantidade considerável de tempo. Essas adições mais recentes ao Admin e à Visualização em Grade de Mídia são ótimas! Há algo no meu comentário sobre "pastas" que eu perdi no meu treinamento? O que Karen quer dizer – "a única opção que temos que funciona com o carregador de mídia são pastas ordenadas e acessíveis por data – e apenas por data!"? Que 'pastas'? Estou solicitando o mesmo recurso que ela está?
    Qualquer assistência sobre isso seria muito apreciada.

    • @Lorne: Atualmente, em uma instalação padrão do WordPress, os uploads de usuários são armazenados no diretório /wp-content/uploads/ em seu servidor web. A instalação padrão armazena arquivos de mídia em pastas baseadas em datas. Por exemplo, se você fizer upload de uma imagem hoje, ela será armazenada na pasta /wp-content/uploads/2013/11/11/. Você pode desmarcar esta opção na área de Administração do WordPress na página Configurações » Mídia desmarcando a opção ‘Organizar meus uploads em pastas com base em mês e ano’. Nesse caso, todos os seus arquivos serão armazenados na pasta /wp-content/uploads/ e o WordPress não criará pastas baseadas em datas para armazenar imagens. Você pode alterar o local padrão de upload de mídia no WordPress. No entanto, atualmente o WordPress não permite que você selecione um local para armazenar seus arquivos de mídia enquanto os carrega.

      Admin

  5. Muito obrigado por esta postagem. A Biblioteca de Mídia é tão horrível! Você consegue imaginar que a única opção que temos que funciona com o uploader de mídia são pastas organizadas e acessíveis por data – e apenas por data! Quando trabalho em sites com muitas imagens, balanço a cabeça maravilhado que esta parte do WP é tão Paleolítica! Existem plugins para resolver isso e nos dar mais flexibilidade? Seria maravilhoso poder criar pastas, nomeadas por nossas próprias categorias – que o uploader de mídia “veria” e inseriria em posts e páginas. Ex: Gatos, Cachorros, Tamanho, Tipo de Arquivo, etc.! Muito obrigado por futuras postagens sobre este tópico!

Deixar uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.