Active Media

Labs

Pedaços de código, truques, dicas, conselhos e sugestões

10/05/2011

Facebook Thumbnails

Featured image - Imagem de destaque

Nos dias de hoje, o Facebook é claramente uma rede social, ou se preferirem uma plataforma incontornável, dada a sua presença e sobretudo adopção massiva.

O tema deste artigo não é este, mas só para terem uma ideia, de acordo com os números mais recentes, só em Portugal existem actualmente mais de 3 milhões e 600 mil pessoas com conta no Facebook.

Ora uma acção cada vez mais comum no Facebook  é a partilha de conteúdos, a partilha de links de artigos que consideramos interessantes.

Como já devem ter reparado o Facebook tem um script que scana a página que pretendemos partilhar, de forma a apresenta-nos algumas hipóteses para o thumbnail (imagem miniatura) que irá acompanhar o link e ainda um parágrafo introdutório. Infelizmente, por vezes entre as hipóteses para a imagem thumbnail não aparece a imagem que pretendemos.

Se tiverem um blog ou site em WordPress, existe uma solução muito simples para ultrapassar este problema, basta seguirem estes passos:

1. Antes de mais, devem criar uma imagem quadrada para as situações em que os vossos posts/artigos não contenham qualquer imagem;

2. De seguida devem fazer upload desta imagem para o vosso servidor e guardar o endereço da mesma;

3. Editem o ficheiro header.php do vosso tema e antes da tag </head> coloquem o código seguinte, substituindo o endereço da imagem – “endereço-da-imagem”, pelo endereço que copiaram no passo anterior.

<?php
	if(has_post_thumbnail()) {
		echo '<link rel="image_src" href="' . wp_get_attachment_thumb_url( get_post_thumbnail_id( $post->ID ) ) .'" />';
	} else {
		echo '<link rel="image_src" href="endereço-da-imagem" />';
	}
	?>

4. Por último, se ainda não o fazem, têm de passar a incluir nos vossos posts/artigos uma imagem na “Imagem de destaque” ou “Featured image“, na coluna direita do ecrã de publicação de um novo post.

Nota: Caso na coluna direita do ecrã não tenha a funcionalidade “Imagem de destaque” ou “Featured image” terão de editar o ficheiro “functions.php” acrescentando a seguinte linha:

add_theme_support( 'post-thumbnails' );

Caso esta alteração não produza efeitos imediatos não se assustem. Pela nossa experiência pessoal, o Facebook leva algumas horas a assumir esta alteração no nosso blog / site do WordPress.

2 comentários e reacções:
Rafael disse:
6:10h, 23-10-2011

Olá, qual o melhor serviço para integrar os posts do wordpress no Facebook? Uso o NetworkedBlogs, mas ele não vem apresentando os Thumbnails. Como faço para corrigir isso?

responder

Jorge Oliveira disse:
22:56h, 23-10-2011

Talvez a melhor solução seja conseguida com o http://dlvr.it/. Já testámos muitas e já desistimos de muitas mas esta tem-se mantido até agora como uma boa solução e se não me engano também permite publicar em páginas.

responder

Deixe o seu comentário

tags do artigo
Facebook
Lamentamos, mas há muito que deixámos de fazer sites a pensar no Internet Explorer 6.
Porquê? Algumas das mil razões são dadas pela Google aqui.

Em alternativa sugerimos que faça o upgrade do seu browser para uma versão mais recente do Internet Explorer, ou se já estiver farto e quiser mudar, aconselhamos o Firefox, o Chrome ou o Safari, todos eles grátis.

Obrigado, Active Media

Av. João Crisóstomo, 69 - R/C Esq., 1050-126 Lisboa
Tel.: (+351) 21 313 86 25 / Fax: (+351) 21 313 86 21 / Email: active@activemedia.pt