De volta com Post-Thumbnail

De volta com Post-Thumbnail

Ok, imagine a seguinte situação(a minha no caso) quando planejei meu site não havia post-thumbnail no WordPress, então fiz tudo com Custom Fields(que veremos um pouco em um futuro proximo).

Então, agora para que eu possa utilizar Post-thumbnail no meu site/blog/portfólio eu teria que refazer tudo denovo? e editar todos meus posts para trocar todas imagens para Post-thumbnails? NÃO!

A resposta é um simples if elseif else em php ;) que consiste em ver se meu post tem um Post-thumbnail, se não tiver procurar pelo Custom Field que eu utilizava para as thumbs, e se também não tiver que não é raro poraqui pois varios posts não tem thumbnails, inserir uma imagem default(tá eu não fiz imagem default, mais veja o exemplo):

<?php
if (has_post_thumbnail()) {
the_post_thumbnail(loopThumb);
}
elseif (get_post_meta($post->ID, Thumbnail, true) != ) { ?>
<img src=<?php echo get_post_meta($post->ID, Thumbnail, true); ?> alt=<?php the_title(); ?> />
<?php }
else {
echo <img src=images/defaultThumbnail.png alt=Imagem Default />;
}
?>

Simples assim :)

Como usar miniaturas nos posts do WordPress

Como usar miniaturas nos posts do WordPress

Aprenda como usar miniaturas no WordPress. Foi implementado, na versão 2.9 do WordPress, o Post Thumbnails, funcionalidade que permite usar miniaturas para os posts e páginas. Antes era possível fazer uso miniaturas, porém não existia nada de padrão na ferramenta de publicação, sendo a principal forma de uso através de campos personalizados.
Veja mais

Como migrar blog WordPress

Como migrar blog WordPress

Aprenda como migrar o seu blog WordPress de maneira rápida e fácil. O WordPress dispõe de um ferramenta, que possibilita a exportação e importação, de maneira fácil e rápida, de posts, páginas, comentários, etc. para outro blog, seja esse gerenciado pelo próprio WordPress ou por outras plataformas de publicação, tais como Blogger, Mover Type, etc.
Veja mais

Receita de Post-Thumbnail com WordPress 2.9

Receita de Post-Thumbnail com WordPress 2.9

Para esta receita você vai precisar de:

  1. Um WordPress 2.9.x
  2. Seu Theme atual
  3. Saber editar o Function.php do seu Theme
  4. Saber editar talvez o index.php ou aonde você quer que o thumbnail apareça

Mais tão simples assim? SIM! super simples

Primeiro começamos com seu Function.php adicionando uma simples linha, ou duas caso você goste de adicionar comentários.

// Habilita post-thumbnails
add_theme_support(post-thumbnails);

Pronto, agora já está habilitado os posts-thumbnails, mais calma que não é só isso, esta parte só habilita na pagina de Add New post a opção de adicionar um thumbnail:

Mostrando o Thumbnail no post

Agora sim, a parte divertida, e claro como quase tudo no wordpress, outra parte simples da nossa receita.
Basta adicionar a seguinte linha, dentro do seu Loop aonde você gostaria que sua thumbnail aparecesse, da seguinte maneira:

<?php the_post_thumbnail(); ?>

Acabou? não, quando você adiciona esse simples codigo ao seu Loop, ele(o wordpress) automáticamente atribui as seguintes classes attachment-post-thumbnail e wp-post-image a tag de imagem, tornando simples o trabalho de atribuição de valores atraves de CSS.

OKAY! Configurando o tamanho padrão do Thumbnail

Temos agora todas configurações prontas, falta dizer pro wordpress que eu quero que todos thumbnails do meu site sigam determinado tamanho, e claro ele irá redimensionar essas imagens pra gente logo após o upload, genial não é?! :D

Acesse então em Settings > Media dentro do seu painel admin e encontre em Image Size a opção Thumbnail Size. Lá modifique conforme suas preferências.

Show, sua receita agora está pronta.

Vantagens de se usar o Post-Thumbnail ao inves de Get-Post-Meta(Custom Fields)

Confesso que aqui no Persocon utilizo ainda o Get-Post-Meta(Custom Fields) para os thumbnails, por preguiça, porém acho bem mais simples a criação, configuração e utilização do Post-Thumbnail.

A maior vantagem de todas do post-thumbnail, é a diminuição no MySql Queries, porque o post-thumbnail é salvo na tabela wp_post, que é normalmente chamada quando você abre um post. Enquanto com Get-Post-Meta(Custom Fields) o wordpress é obrigado a buscar na tabela wp_postmeta os dados necessários.

Conclusão

Receita pronta para saborear tudo que há de bom no WordPress 2.9.x, e espero que você tenha gostado do artigo e que tenha sido bastante útil para você aprender o básico da função post-thumbnail.
Espero que você tenha aprendido algo novo e que se tiver alguma duvida ou sugestão, não hesite em comentar :)

Receita de Post-Thumbnail com WordPress 2.9

Receita de Post-Thumbnail com WordPress 2.9

Para esta receita você vai precisar de:

  1. Um WordPress 2.9.x
  2. Seu Theme atual
  3. Saber editar o Function.php do seu Theme
  4. Saber editar talvez o index.php ou aonde você quer que o thumbnail apareça

Mais tão simples assim? SIM! super simples

Primeiro começamos com seu Function.php adicionando uma simples linha, ou duas caso você goste de adicionar comentários.

// Habilita post-thumbnails
add_theme_support(post-thumbnails);

Pronto, agora já está habilitado os posts-thumbnails, mais calma que não é só isso, esta parte só habilita na pagina de Add New post a opção de adicionar um thumbnail:

Mostrando o Thumbnail no post

Agora sim, a parte divertida, e claro como quase tudo no wordpress, outra parte simples da nossa receita.
Basta adicionar a seguinte linha, dentro do seu Loop aonde você gostaria que sua thumbnail aparecesse, da seguinte maneira:

<?php the_post_thumbnail(); ?>

Acabou? não, quando você adiciona esse simples codigo ao seu Loop, ele(o wordpress) automáticamente atribui as seguintes classes attachment-post-thumbnail e wp-post-image a tag de imagem, tornando simples o trabalho de atribuição de valores atraves de CSS.

OKAY! Configurando o tamanho padrão do Thumbnail

Temos agora todas configurações prontas, falta dizer pro wordpress que eu quero que todos thumbnails do meu site sigam determinado tamanho, e claro ele irá redimensionar essas imagens pra gente logo após o upload, genial não é?! :D

Acesse então em Settings > Media dentro do seu painel admin e encontre em Image Size a opção Thumbnail Size. Lá modifique conforme suas preferências.

Show, sua receita agora está pronta.

Vantagens de se usar o Post-Thumbnail ao inves de Get-Post-Meta(Custom Fields)

Confesso que aqui no Persocon utilizo ainda o Get-Post-Meta(Custom Fields) para os thumbnails, por preguiça, porém acho bem mais simples a criação, configuração e utilização do Post-Thumbnail.

A maior vantagem de todas do post-thumbnail, é a diminuição no MySql Queries, porque o post-thumbnail é salvo na tabela wp_post, que é normalmente chamada quando você abre um post. Enquanto com Get-Post-Meta(Custom Fields) o wordpress é obrigado a buscar na tabela wp_postmeta os dados necessários.

Conclusão

Receita pronta para saborear tudo que há de bom no WordPress 2.9.x, e espero que você tenha gostado do artigo e que tenha sido bastante útil para você aprender o básico da função post-thumbnail.
Espero que você tenha aprendido algo novo e que se tiver alguma duvida ou sugestão, não hesite em comentar :)

Como Tirar o maior proveito do seu blog com WordPress

Como Tirar o maior proveito do seu blog com WordPress

Blogar tornou-se uma forma padrão para obter todos os tipos de informação a partir de notícias diárias e comentários de características sobre como Ganhar destaque no Google e o que cozinhar para o jantar na semana santa. Ter um blog é uma excelente maneira de você expressar sua opinião e postar informações intereçantes para que os leitores mais antenados não esquecam seu blog nos favoritos do seu Browser . mas encontrar um melhor blog de acolhimento pode ser um problema.
Veja mais