讓 WordPress 文章分享至 Facebook 時更美觀

把文章分享至 Facebook 臉書已經是一個很常見的動作,例如在 WordPress 網誌裡加入 Facebook 推文按鈕就可以讓使用者點讚,把文章快速分享至他們的塗鴉牆,進而達到宣傳的效果。在 Facebook 上分享過轉貼連結,臉書能自動抓取該頁面的標題、文章內容及圖片,不過依照你使用的佈景主題不同,有些時候並沒辦法抓到很正確的內容或是圖片,要讓 WordPress 分享至 Facebook 時更精準,可以參考本文教學。

開啟佈景主題下的 header.php 檔案,在 <head></head> 間加入以下程式碼:

<?php
	$thumb = get_post_meta($post->ID,'_thumbnail_id',false);
	$thumb = wp_get_attachment_image_src($thumb[0], false);
	$thumb = $thumb[0];
	$default_img = get_bloginfo('stylesheet_directory').'/images/default_icon.jpg';
	?>

<?php if(is_single() || is_page()) { ?>
	<meta property="og:type" content="article" />
	<meta property="og:title" content="<?php single_post_title(''); ?>" />
	<meta property="og:description" content="<?php
	$out_excerpt = str_replace(array("\r\n", "\r", "\n"), "", get_the_excerpt());
	echo apply_filters('the_excerpt_rss', $out_excerpt);
	?>" />
	<meta property="og:url" content="<?php the_permalink(); ?>"/>
	<meta property="og:image" content="<?php if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />
<?php  } else { ?>
	<meta property="og:type" content="article" />
	<meta property="og:title" content="<?php bloginfo('name'); ?>" />
	<meta property="og:url" content="<?php bloginfo('url'); ?>"/>
	<meta property="og:description" content="<?php bloginfo('description'); ?>" />
    <meta property="og:image" content="<?php  if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />
<?php  }  ?>

除此之外,你需要對 $default_img 後方的預設圖片路徑做修改,當文章裡沒有任何縮圖時會自動使用此圖片作為 Facebook 轉貼連結的預覽圖。

以上程式碼來自 Chad Von 的部落格。

This entry was posted in WordPress技巧. Bookmark the permalink. Follow any comments here with the RSS feed for this post.

回應已關閉。