Como redimensionar imagens na home index.php do WordPress

O script vai buscar a primeira imagem do artigo e corta-a automaticamente.

1- Criar o timthumb

O timthumb é um script que muitos themes do wordpress utilizam, ele é gratuito e podem busca-lo aqui. Basta copiar o código e criar o arquivo timthumb e coloca-lo na pasta do template.

2- Editar o arquivo functions

A maior parte dos templates contém este arquivo, se o template não tiver esse arquivo functions crie um com um seguinte código:

<?php
// retreives image from the post
function getImage($num) {
global $more;
$more = 1;
$content = get_the_content();
$count = substr_count($content, '<img');
$start = 0;
for($i=1;$i<=$count;$i++) {
$imgBeg = strpos($content, '<img', $start);
$post = substr($content, $imgBeg);
$imgEnd = strpos($post, '>');
$postOutput = substr($post, 0, $imgEnd+1);
$image[$i] = $postOutput;
$start=$imgEnd+1;  

$cleanF = strpos($image[$num],'src="')+5;
$cleanB = strpos($image[$num],'"',$cleanF)-$cleanF;
$imgThumb = substr($image[$num],$cleanF,$cleanB);

}
if(stristr($image[$num],'<img')) { echo $imgThumb; }
$more = 0;
}
//retreive image ends
?>

3- Código do thumbnail

Agora vamos inserir o código no template, para aparecer o thumbnail, poderá ser no arquivo index, no archive, depende do tmeplate, deverá estar dentro do loop que vai buscar o conteúdo, antes do the_content(); por exemplo.

<div> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> <img src="<?php bloginfo('template_directory'); ?> / timt humb . php ? src = <?php getImage('1'); ?>&w=150&h=150&zc=1"> </a> </div>

4- Adicionar o CSS

Para terminar, basta adicionar algum código CSS para dar estilo aos thumbnails.

.thumbnail a:link, .thumbnail a:visited {display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0;}
.thumbnail a:hover, .thumbnail a:active {background:#C4C4C4;}

O efeito será mais ou menos este abaixo:

Fonte: maistrafego, wptotal

As imagens aparecem duplicadas na home, como resolver?

Atualizado dia 18 de Julho de 2012

Eu tive esse problema, segui todos os passos do tutorial acima, porém as imagens apareciam duplicadas. A solução que encontrei para isso foi utilizar um script que elimina todas as imagens da página home, veja: https://fabiobmed.com.br/retirar-imagens-da-home-do-wordpress/

Fabio Bmed

Olá! Sou Fábio Bmed — fundador da Metapax, consultoria estratégica de posicionamento e crescimento para negócios, e criador da MapexMind, um método de neuropsicologia aplicada voltado à compreensão prática da mente humana. Também sou o criador do blog FabioBmed.com.br.

Desde 2006 trabalho com tecnologia, marketing digital e análise de sistemas complexos. Mas os sistemas que mais me fascinam hoje são os que carregamos dentro da cabeça.

Estou entrando na psicologia, com foco em neuropsicologia — a ciência que explica por que você pensa, decide e se comporta do jeito que faz. Essa transição não é um desvio de rota: é a evolução natural de quem passou décadas entendendo como sistemas funcionam — e percebeu que o mais complexo de todos ainda estava por ser mapeado.

Ao longo dessa trajetória, criei dois projetos que sintetizam essa visão.

A Metapax nasceu da percepção de que negócios não crescem por acaso. Crescem quando existe uma estrutura clara de autoridade, presença e experiência do cliente. Depois de mais de duas décadas liderando operações digitais e analisando padrões de crescimento empresarial, transformei esse entendimento no Método APA — Autoridade, Presença e Atendimento — aplicado a empresas e profissionais que querem crescer com previsibilidade e posicionamento sólido.

Já a MapexMind surgiu de outro tipo de investigação: entender a arquitetura da mente humana. O projeto aplica neuropsicologia à vida real para ajudar pessoas a compreenderem padrões emocionais, cognitivos e comportamentais — próprios ou de quem amam — traduzindo conceitos complexos em clareza prática e utilizável.

No fundo, os dois projetos partem da mesma pergunta:

Como sistemas funcionam por trás da superfície?

Negócios, comportamento, decisões, relações humanas, tecnologia, marketing e mente — tudo aqui é analisado pelo mesmo prisma: estrutura, padrões e a ciência por trás de como as coisas realmente funcionam.

Este blog é o ponto de encontro dessas áreas. Um espaço onde tecnologia, psicologia, neurociência, comportamento humano, marketing e filosofia prática deixam de ser assuntos separados e passam a conversar entre si.

www.fabiobmed.com.br