O WordPress 3.9 saiu com muito poder extra sob o capô. Um novo recurso impressionante entre muitos é a capacidade adicional de controlar a posição de corte das imagens carregadas no WordPress – isso é muito bom!!


Antes de prosseguir, muito obrigado a Brad Touesnard que fez essa contribuição incrível que agora foi incluída no núcleo do WordPress! Eu pensei que essa seria uma ótima oportunidade para não apenas elaborar como tirar proveito desse novo recurso, mas também executar e obter uma boa noção de todo o escopo dessa função.

Desde o início – Adicionar ou personalizar tamanhos de imagem

Por padrão, o WordPress gera 3x versões adicionais da sua imagem. As versões “Miniatura”, “Média” e “Grande”. O tamanho da imagem original carregada é conhecido como a versão “Completo”.

Personalizando os padrões

Você pode substituir os valores padrão de cada um desses tamanhos de corte com bastante facilidade. Você pode ir ao seu Painel do WordPress, Configurações >> Mídia e altere os valores lá ou você pode fazê-lo através do seu arquivo de funções de tema ou plugin, como este:

update_option ('thumbnail_size_w', 250);
update_option ('thumbnail_size_h', 250);
update_option ('thumbnail_crop', 1);

Adicionando tamanhos adicionais

Você pode colocar rápida e facilmente essa função no seu tema ou no arquivo de funções do plug-in:

add_image_size ($ nome, $ largura, $ altura, $ colheita);

Acabaria parecendo algo assim:

add_image_size ('homepage-thumb', 250, 250, verdadeiro);

Corte duro normal

Gorjeta: Lembre-se de atribuir a cada tamanho de imagem adicional seu próprio nome ;-).

Tudo o que você precisa saber pode ser encontrado através do Codex WordPress.

Some WordPress 3.9+ Magic – Controlando a posição de corte

O parâmetro $ crop era anteriormente apenas um valor booleano, verdadeiro ou falso. Portanto, um corte proporcional suave ou um corte duro, se definido como verdadeiro (continue lendo mais abaixo para ver a diferença entre um corte duro e macio). No entanto, agora você pode usar uma matriz para especificar o posicionamento da área de corte (x_crop_position, y_crop_position). Eu gosto de imagens cortadas do centro, então, por exemplo, sua função pode ficar assim agora:

add_image_size ('homepage-thumb', 250, 250, array ('center', 'center'));

Recorte duro selecionado pelo usuário

O parâmetro $ crop ainda aceita valores verdadeiro / falso e, de acordo com Brad, é totalmente compatível com versões anteriores. A sintaxe é idêntica à da propriedade CSS background-position, por isso é familiar para designers e desenvolvedores, mas aqui estão eles, de qualquer forma, por uma questão de clareza.

parte superior esquerda
centro esquerdo
inferior esquerdo
bem no topo
centro direito
Inferior direito
parte superior central
centro centro
parte inferior central

Então, eu o recortei, agora como eu o uso?

As ótimas notícias… são exatamente as mesmas !! Para uma análise completa, como sempre, observe Codex WordPress. Aqui está um lembrete em qualquer caso. Para chamar essa imagem personalizada em seu tema ou plugin. No exemplo que estamos usando, aqui está como:

the_post_thumbnail ('homepage-thumb');

ou…

wp_get_attachment_url (get_post_thumbnail_id ($ post-> ID, 'homepage-thumb'));

Mas e todas as minhas imagens existentes?

Como você provavelmente sabe, os tamanhos das culturas são alternados e gerados no momento do seu upload. Isso agora significa que, depois de usar esse novo recurso, adicionando nossa posição de corte personalizada ou alterando / adicionando um novo tamanho de corte, resta o que foi gerado no momento do upload e nenhuma dessas novas versões de imagem está disponível para nós, não é legal!

Aaah, mas espere .. Felizmente, existem muitas pessoas inteligentes e impressionantes na comunidade WordPress para salvar o dia, aqui está o regenerar plug-in de miniaturas. Este plugin já existe há muito tempo, é fantástico! Ele percorrerá todas as imagens carregadas existentes e regenerará todos os novos tamanhos de imagem que você adicionou ou personalizou. Problema Woohooo resolvido ��

Difícil vs. Colheita macia – você decidiu

Hard Crop

Corte duro normal
A imagem será redimensionada e cortada nas dimensões exatas que você especificou. Dependendo da proporção da imagem em relação ao tamanho da colheita, é provável que a imagem seja sempre cortada.

Colheita macia

Colheita macia
Um recorte suave nunca cortará nenhuma imagem, ele será redimensionado até que caiba nas dimensões especificadas, mantendo a proporção original.

Algo que vale a pena conhecer …

Caso alguma dimensão da imagem carregada (largura ou altura) seja menor que a do tamanho de corte definido, ela será ignorada e uma versão para esse tamanho não será criada! O WordPress percorrerá todos os tamanhos de imagem definidos e criará apenas as versões dessas imagens maiores que a versão que ele está tentando gerar. Nesse caso, quando uma imagem estiver sendo recuperada dentro do seu tema ou plug-in e não existir, ela será padronizada como a imagem original “Completa” como substituta..

Desfrute de implementar esse ótimo novo recurso em seus temas e plugins. Hora de ir chutar alguns traseiros e cortar algumas imagens ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me