Escolar Documentos
Profissional Documentos
Cultura Documentos
(WordPress) Como Adicionar Miniaturas Automática No WordPress Sem Precisar de Campos Personalizados
(WordPress) Como Adicionar Miniaturas Automática No WordPress Sem Precisar de Campos Personalizados
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.