Você está na página 1de 2

Como Adicionar miniaturas automtica no WordPress sem precisar de Campos Personalizados Todo mundo que ter em seus posts

uma miniatura que represente o texto em questo, mais as veses trabalhar com miniaturas acaba por dar uma dor de cabea muito grande, pois voc ter que usar campos personalizados, ou outros truques, e isso acabam por deixar o desenvolvedor desanimado. Fazendo uma pesquisa no Codex WordPress descobri um truque que vai acabar com seus problemas. Confira abaixo. Este truque feito atravs da mistura de alguns hacks wordpress e um script php. O script PHP timthumb.php. Juntos, eles iro pegar sua imagem e redimension-la para voc! Vamos comear? Agora vamos copiar os arquivos do timthumb cliacando aqui. Salve o arquivo como timthumb.php, em seguida salve. Agora abra o seu arquivo functions.php e cole o seguinte cdigo, este cdigo ir recuperar a url da primeira imagem do seu post. <?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 ?>

O prximo cdigo vai chamar a imagem no sue post, lembre-se de colocar este cdigo dentro do loop nas paginas index.php ou home.php, dependendo de cada tema. <div class="thumbnail"> <A href = "<php the_permalink ();?>" Title = "<the_title_attribute php ();?>"> <Img src = "<php bloginfo ('template_directory');?> Timthumb.php / src = <php getImage ('1 ');?> & W = 150 & h = 150 & zc = 1"> </ A> </ Div> O cdigo acima ir criar uma miniatura de 150 150 pixels. Se voc quiser alterar o tamanho da miniatura, basta alterar os parmetros W e H do cdigo acima. Voc pode estilizar como quiser, eu vou usar o seguinte: . Miniaturas a: link, em miniatura. . Miniaturas a: hover, uma miniatura: active. {Background: # C4C4C4;} O resultado iria ficar parecido com este abaixo.

Você também pode gostar