Como Adicionar miniaturas automática no WordPress sem precisar de Campos Personalizados
Todo mundo que ter em seus posts uma miniatura que represente o texto em questão, mais as veses trabalhar com miniaturas acaba por dar uma dor de cabeça 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 através da mistura de alguns hacks wordpress e um script php. O script PHP é timthumb.php.
Juntos, eles irão pegar sua imagem e redimensioná-la para você! Vamos começar?
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 código, este código irá recuperar a url da primeira imagem do seu post.<?php// retreives image from the postfunction 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 próximo código vai chamar a imagem no sue post, lembre-se de colocar este código 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 código acima irá criar uma miniatura de 150 × 150 pixels. Se você quiser alterar o tamanho da miniatura, basta alterar os parâmetros W e H do código 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.