Como adicionar miniaturas para Posts ou Páginas no WordPress
Muitos clientes e amigos me peguntam: Como faço para colocar thumbnails (miniaturas) ao lado da descrição do post? O WordPress nos permitiu a criação de sites com este recurso na versão 2.9, antes tínhamos que usar campo personalizado, e isso era um grande problema para os clientes. Ainda hoje muita gente utiliza temas antigos que não dispõem desse recurso. Por isso resolvi mostrar como habilitar a função the_post_thumbnail em seu tema para poder adicionar um thumbnail para cada post e como editar essa imagem destacada.
Como habilitar a função the_post_thumbnail
Primeiro precisamos habilitar a função the_post_thumbnail em seu tema, para isso, basta abrir o arquivo functions.php e incluir o seguinte código:
add_theme_support('post-thumbnails');
Agora você vai perceber que no admin, na parte de criação/edição de posts e páginas, do lado direito, apareceu uma caixa chamada Post Thumbnail (imagem destacada). Agora precisamos chamar esse thumbnail no tema. Para isso você deve incluir o seguinte código dentro do loop que busca os posts.
the_post_thumbnail();
Você pode passar alguns parâmetros para está função e pegar a imagem do tamanho desejado. Para mais informações sobre as possibilidades dessa função, consulte a documentação.
Como inserir e editar a miniatura para o Post/Página
1. Encontre a página ou post que deseja inserir a imagem destacada. Clique em editar e encontre a caixa com o nome “Imagem destacada”, que fica ao lado direito.
2. Clique em “Configurar imagem destacada”, abrirá a janela para escolher a imagem. Se ainda não tiver feito o up-load clique em “Selecionar arquivos” . Para encontrar uma imagem que já foi feito up-load basta clicar em “Arquivos de mídia” no menu superior.
3. Feito o up-load da foto irá aparecer uma caixa (como na imagem abaixo) com todos os dados da imagem. No final da caixa encontram-se 3 botões, Inserir no post, Usar como imagem destacada e Excluir. Se a Imagem estiver do tamanho desejado basta clicar em “Usar como imagem destacada”(para redimensionar a imagem siga o item 5). Clicando, automaticamente ela aparece no quadro “Imagem destacada”, basta fechar a caixa “Configurar imagem destacada” e Clicar no botão “Atualizar” do post/página.
4. Para redimensionar a imagem, basta clicar no botão “Editar imagem” localizado logo abaixo da miniatura da imagem. Clicando em “Editar imagem” aparecerá uma caixa como na imagem abaixo. Aqui você pode recortar a imagem, girar e redimensionar. Do lado esquerdo superior clique em “Redimensionar a imagem”.
Ao clicar em “Redimensionar a imagem” abrirá uma caixa (como na foto ao lado) mostrando a medida da imagem. Para redimensioná-la basta preencher o campo com a medida (em pixels) desejada e clicar no botão “Redimensionar” ao lado da medida.
Como podem ver o WordPress está cada vez mais facilitando a vida dos desenvolvedores e usuários, e saber usar essas novas ferramentas que ele nos disponibiliza é muito importante para facilitar nosso trabalho. Espero que o artigo seja útil nesse aprendizado. Qualquer dúvida, elogio ou crítica não deixe de comentar que estarei a disposição de todos.
Djalma Toledo
Técnico em eletrônica formado pelo CEPHAS de São José dos Campos. Autodidata em XHTML, CSS e WordPress no qual se especializou nos últimos anos. As vezes arrisca uns códigos PHP e jQuery. Também é montanhista e músico.
[...] e se a função está disponível em seu tema. Caso seu tema não tenha esta função veja aqui como adicionar miniaturas em posts ou páginas no WordPress. No quadro Imagem Destacada, você irá relacionar uma imagem para o conteúdo que está [...]
Cara. Eu não sei o que houve com a internet nos últimos dias, o certo é que as pesquisas simplesmente parecem não mais acertar no que a gente pede.
Tenho buscado um código pronto para puxar imagens do banco de dados e exibir no post e não consigo encontrar. Vou fazer uma busca, não nos buscadores, que são burros, mas agora expondo para pessoas, humanos…
Voce sabe quem pode me fornecer o código para:
Pegar imagem e exibir…
Puxar imagem…
Puxar imagem do banco de dados e exibir no post…
Exibir miniatura no post…
Exibir imagem do post…
Mostrar imagem do post redimensionada….
Tudo isso é para que dê ideia do quanto tenho buscado a mesma coisa: fazer com que meu WordPress mostre a imagem no post. Simples, mas parece um inferno. Não encontro nada.
Tarcísio.
Existem duas formas básicas de exibição de imagens no WordPress. A primeira delas é através da inserção de imagens no editor de páginas/posts.
A outra forma é a descrita neste artigo.
Existem outras formas com a utilização de plugins ou campos personalizados. Mas fogem do escopo neste momento.
Pois é, amigo, eu queria um código básico, do tipo, <?php query_posts (’posts_per_page=6&cat=5’); ?> (não este, mas do tipo) para puxar a imagem do banco de dados, que foi enviado junto com o link, no 'TDO Mini Forms', pelo assinante do meu site. O que ocorre, como administrador, envio a imagem, mas quando o assinante envia, só exibe o post(sem a imagem). Entende? Eu tinha um código desse tipo, com as descrições "puxa a imagem e exibe aqui"..mas, vamos esperar. Eu não queria instalar um plugin, que eu sei que ele faz isso, pois plugins são scripts que tentam advinha o que a gente deseja, e nessa, acaba servindo obrigatoriamente o que a gente não deseja, para pode ter, de "raspão", aquilo que se pretende. rsrs
opa obrigadão pela dica salvou meu blog
Parabens pelo site e pelas dicas__seguinte:. como eu adiciono uma miniatura para meu blog wordpress.com__
ou estas miniaturas são só para o wordpress.org__
abraço