1.01.15

image-cropping

Olá Pessoal, antes de tudo feliz 2015 a todos, com muitos sites e templates em wordpress!
Tudo que eu quebro a cabeça para fazer, e consigo, eu gosto de colocar aqui para vocês não sofrerem tanto quanto eu! 😛
Esse foi o caso de fazer um slide na home de um novo blog que estou fazendo, e os thumbnails ficam só com o topo da imagem aparecendo, fica péssimo!

Para resolver, nada que o Codex não responda!

No functions.php do seu tema, crie um novo tamanho de thumbnail com o código:

add_image_size( 'nomedotamanho', 'largura', 'altura', array( 'center', 'center' ) );

No meu caso ficou assim:

add_image_size( 'slide-home', 826, 400, array( 'center', 'center' ) );

image-cropping

O que quer dizer que todas as imagens que vc vai subir no wordpress, ele vai redimensionar para a largura e altura definidos, e ainda vai cortar as sobras exatamente no centro.

Esse array aceita no primeiro valor “left”, “center”, e “right”, e no segundo valor, “top”, “center” e “bottom”.

Então defina o tamanho e corte as suas imagens na posição que quiser! 😀 Lembrando que a imagem original sempre fica intacta. O WordPress faz uma cópia da imagem quando redimensiona. Fofo, não?

Se vc já tem um blog com várias imagens já no FTP, e quer que eles fiquem com o tamanho novo, eu aconselho usar o plugin Regenerate Thumbnails.

Aí no seu index.php ou qualquer arquivo de template que vc for criar o seu slide, usa o seguinte código:

 <?php if ( has_post_thumbnail() ) { 
 the_post_thumbnail('slide-home'); 
 }

Espero que eu possa ajudar com esse post!

Ah! Para fazer funcionar os slides eu gosto de usar o Plugin Cycle2.

Veja esse código funcionando no meu último blog desenvolvido, tá fresquinho! www.kidsinsp.com

Share on FacebookTweet about this on TwitterPin on PinterestShare on LinkedInShare on Google+Email this to someone
comente 2

2 respostas para “Como cortar thumbnails no centro da foto”

  1. Lilian disse:

    Olá,

    Gostei muito da solução, mas ela só funciona quando subimos novas imagens, certo?

    As antigas não são redimensionadas, né?

    Obrigada pela ajuda!

    • Leonor disse:

      Olá Lilian, colocando o código no functions.php, você pode usar o plugin regenerate thumbnails. Aí o WordPress redimensiona todas as imagens antigas!
      Obrigada pelo comentário, espero poder ter ajudado, e parabéns pelo seu trabalho!

Deixe uma resposta

Design e programação: webonfocus

Orgulhosamente desenvolvido em WordPress

Hospedado em: Hostgator

UP!