O guia completo para miniaturas em destaque e tamanhos de imagem em wordpress

Uma imagem vale mais que mil palavras - a menos que ele foi redimensionado de forma inadequada, caso em que vale a pena negativo de cem palavras. Ok - talvez isso é uma versão menos conhecida de um velho ditado ou algo que eu acabei de inventar, mas o ponto é: WordPress é muito poderosa quando se trata de miniaturas e tamanhos de imagem - você só precisa saber como lidar com eles. Para ler sobre tudo o que você precisa saber sobre os tamanhos de imagem em WordPress e gerenciamento de imagens em destaque.

Nota: este post é muito pesado com PHP - nada muito complicado, mas você pode querer ler o nosso curso intensivo PHP livre antes de tentar qualquer modificação em seu tema.

Basics Primeira

No painel de administração do WordPress, você provavelmente já sabe sobre Configurações -gt; Meios de comunicação.

Estes são os três tamanhos de imagem padrão, que WordPress chama: miniatura, médio, e ampla. O tamanho da miniatura tem um cenário especial para ser cortada na dimensão exata que você especificar aqui. Isso não precisa ser de 1: dimensão 1 - você pode configurá-lo da maneira que quiser - mas as imagens será centrada e cortada, ou seja, qualquer parte da imagem que não se encaixa essas dimensões depois de ser reduzida simplesmente ser cortado.

Video: Tutorial Wordpress - Inserindo imagens em um post

A médio e grande trabalho de configuração um pouco diferente, em que você vai especificar máximo dimensões de largura e altura, e as imagens será reduzida em conformidade. Se a imagem é muito pequeno, esses tamanhos de imagem simplesmente não vai ser criado. Quando você faz o upload de uma nova imagem, o original é salvo e disponível para inserir em um post em tamanho real, e os outros tamanhos de imagem registrados são criados automaticamente.

Video: Como Colocar Imagem Do Lado Esquerdo Do Post - Miniatura - Imagem De Destaque - Tema Hiero - 1.5

Estes três tamanhos de imagem, bem como o original de tamanho completo, são os únicos disponíveis quando você editar um post e inserir a mídia, por isso tendem a definir grande quanto a largura absoluta do meu tema para cheios de páginas de largura e postos, e meio como largura da coluna de conteúdo típico.

Fazendo mais tamanhos

Ao editar tema ou a criação de widgets, os três tamanhos definidos em suas configurações de mídia pode não ser suficiente. Eu sempre deixar aqueles sozinho por conteúdo - então definir alguns novos tamanhos de imagem em functions.php arquivo, como este:

Video: Como Inserir Miniatura de Artigos (Imagem Destacada) no Wordpress

add_image_size( `My-thumbnail`, 400, 200, verdade)-

Cada novo tamanho da imagem precisa de um nome, largura e altura dimensões, e se ou não as imagens devem cortada para exatamente esse tamanho (verdadeiro ou falso). Para partes estruturais de um tema ou widget, você geralmente iria querer cortar para que ele não quebrar o layout.

Video: Como Colocar Imagem Personalizada na Miniatura do Vídeo

Imagem em destaque

Desde a versão 2.9, WordPress nos permitiu definir uma imagem específica como a “imagem destaque” para um post. Esta imagem não é inserida no corpo da mensagem (a menos que você insira-o você mesmo), mas em vez disso pode ser usado estruturalmente ao longo de seu tema - como uma miniatura ao lado do título do post, ou talvez no cabeçalho ao ver esse post particular. Não incluindo uma imagem de destaque só parece preguiçoso dada quantos temas e widgets confiar neles - cole esse trecho em functions.php para lembrá-lo quando salvar um post, se você se esqueceu de definir uma (fonte):

add_action(`Save_post`, `Wpds_check_thumbnail`)-add_action(`admin_notices`, `Wpds_thumbnail_error`)-função wpds_check_thumbnail($ post_id) {// muda a qualquer tipo de pós personalizadoE se(get_post_type($ post_id) != `postar`)Retorna-E se ( !has_post_thumbnail( $ post_id ) ) {// configura um transiente para mostrar os usuários uma mensagem de administradorset_transient( "has_post_thumbnail", "não" )-// desenganchar esta função para que ele não loop infinitoremove_action(`Save_post`, `Wpds_check_thumbnail`)-// atualizar o post configurá-lo para redigirwp_update_post(ordem(`IDENTIDADE` =gt; $ post_id, `Post_status` =gt; `esboço, projeto`))-add_action(`Save_post`, `Wpds_check_thumbnail`)-} outro {delete_transient( "has_post_thumbnail" )-}}função wpds_thumbnail_error(){// verificar se o transitório é definido, e exibir a mensagem de erroE se ( get_transient( "has_post_thumbnail" ) == "não" ) {eco "


Você deve selecionar Imagem em destaque. Seu post é salvo, mas ele não pode ser publicado.
"-delete_transient( "has_post_thumbnail" )-}}

WordPress oferece uma função conveniente para obter a imagem em exibição e usá-lo em temas:

the_post_thumbnail(`My-thumbnail`,ordem(`classe`=gt;`My_post_thumbnail_css_class`))-

A função leva 2 parâmetros: o chamado tamanho que você está procurando, e quaisquer atributos que deseja passar, como uma classe CSS personalizada (Nota: você não pode substituir o atributo alt). Se você está modificando um tema muito antigo, você também pode precisar adicionar o seguinte ao seu functions.php:

add_theme_support(`pós-thumbnails`)-

Se preferir, é só pegar a URL real da imagem destaque em vez de emitir o HTML necessário também, experimentá-lo (Recebendo o tamanho da imagem média neste exemplo):

$ miniaturas = wp_get_attachment_image_src(get_post_thumbnail_id(), `médio`)-eco $ miniaturas[0]-

regeneração Imagens

Toda vez que você mudar você padrão tamanhos de imagem ou criar uma nova definição de tamanho, ele só vai aplicar-se a Novo Carregamentos. Todas as suas imagens existentes permanecem como as dimensões originais. Nunca medo, porém, há uma grande plugin que vai voltar através de seus posts e regenerar esses novos tamanhos de imagem para você. AJAX Thumbnail Reconstruir permite selecionar quais os tamanhos para se regenerar, e vai trabalhar lentamente através de seu arquivo. Isso não vai redimensionar imagens que foram inseridos em mensagens - aqueles são fixados no ponto de inserção. imagens regeneração vai fazer o novo tamanho disponíveis para usar em seus temas ou em posts futuros, mas você não pode editar automaticamente o tamanho das imagens existentes que foram já inseridos.

Você vai encontrar duas desvantagens para fazer novas imagens. Em primeiro lugar, mesmo se o tamanho da imagem que você fez é usado apenas para a imagem de destaque como parte de um tema, uma nova versão de cada única imagem que você já carregado será criado - não apenas a imagem em destaque. Esta é uma limitação do WordPress- uma imagem em destaque é como qualquer outro e você não pode objetivar especificamente com o add_image_size () função. Felizmente, a reconstruir Thumbnail plugin faz realmente permitem limitar isso para apenas imagens em destaque a partir do arquivo - mas todos os futuros uploads de imagens serão geridos por WordPress, e ele irá criar o novo tamanho da imagem para tudo. Agora seria um grande momento para aprender também o diferença entre JPG e PNG assim que você sabe usar o formato ideal no futuro.Saber quando usar cada arquivo Formato PNG vs JPG, DOC vs. PDF, MP3 vs. FLACSaber quando usar cada arquivo Formato PNG vs JPG, DOC vs. PDF, MP3 vs. FLACQuando a Internet era pequena e jovem, formatos de arquivo foram bastante limitada a tipos de imagem e tipos de arquivo de mídia que os navegadores da época poderia segurar. Logo no início, texto quase foi ...consulte Mais informação

Em segundo lugar, mesmo se você não está usando um determinado tamanho, eles permanecerão no servidor - WordPress não vai apagar imagens não utilizadas para você. Em um site como MakeUseOf com centenas de milhares de imagens, isso significa um par de gigabytes desperdiçados. Para locais menores, o plugin de limpeza de imagem vai ajudar fazendo a varredura e dando-lhe a opção de Delete, mas sites maiores terão de aprender algumas de linha de comando e regex fu (veja o nosso guia rápido paraficando começando com a linha de comando Linux). Tome sempre um backup completo em primeiro lugar, apenas no caso de ele exclui algo que não deveria ter.

Meu tema não alterar

Então você editou um tema com seus novos tamanhos de imagem, e corretamente regenerada todas as imagens em destaque existentes - mas o tamanho certo ainda não está aparecendo? Você provavelmente já tem algum CSS aplicada à imagem ou é em torno DIV então. Use o seu modo de depuração do navegador para encontrar o CSS ofender e ajustar em conformidade. E lembre-se, você só pode redimensionar se a imagem de origem é grande o suficiente - WordPress e gerar miniaturas plugin não irá imagens de luxo, devido à perda de qualidade.Descobrir Problemas do Web site com o Chrome ferramentas ou Firebug de DesenvolvedorDescobrir Problemas do Web site com o Chrome ferramentas ou Firebug de DesenvolvedorSe você estiver seguindo meus tutoriais jQuery até agora, você pode já ter executado em alguns problemas de código e não se sabe como corrigi-los. Quando confrontados com um pouco não-funcional de código, muito é ...consulte Mais informação

WordPress é quase 11 anos de idade, por isso é uma prova de seu poder e flexibilidade que é uma das poucas aplicações web que tem sido mantido vivo por tanto tempo e não substituídos. Características como pós miniaturas são agora onipresente na web, e para seu crédito, WordPress sempre manteve-se com as tendências de design. Mente-lhe, Fantasma é bom olhar.

Tendo problemas com imagens em destaque? Postar nos comentários e eu vou ver se eu posso ajudá-lo.