WordPress RSSフィードにソーシャルボタンを追加する方法

Feedburnerの使用を停止するようユーザーに推奨する記事の後、多くのユーザーからFeedBurnerフィードにあったようなソーシャル共有ボタンをどのように取得できるかという質問がありました。ほとんどの最新のフィードリーダーにはソーシャル共有機能が含まれていますが、この記事では、WordPress RSSフィードにソーシャルボタンを追加する方法を説明します。

まず、フィードに表示したいソーシャルボタンをダウンロードする必要があります。無料のソーシャルメディアアイコンセットがいくつかあります。ニーズに最も適したものを選んでください。その後、メディア » 新規追加に移動し、FacebookとTwitterのアイコンをメディアライブラリにアップロードする必要があります。

アイコンをアップロードしたら、その場所のURLをコピーする必要があります。単にメディア » ライブラリに移動し、Twitterアイコンの下にある編集リンクをクリックします。

メディア編集ページで、ファイルURLをコピーしてテキストエディタに貼り付けます。Twitterアイコンについても同様の手順を繰り返します。これらのURLは後で必要になります。

WordPress RSSフィードの各投稿の下にこれらのアイコンを追加するために、デフォルトのWordPress コンテンツフィルターを使用します。

このコードを、テーマのfunctions.phpファイルまたはサイト固有のプラグインに追加する必要があります。

// add custom feed content
function wpb_add_feed_content($content) {

// Check if a feed is requested
if(is_feed()) {

// Encoding post link for sharing
$permalink_encoded = urlencode(get_permalink());

// Getting post title for the tweet
$post_title = get_the_title(); 

// Content you want to display below each post
// This is where we will add our icons

$content .= '<p>
<a href="http://www.facebook.com/sharer/sharer.php?u=' . $permalink_encoded . '" title="Share on Facebook"><img src="Facebook icon file url goes here" title="Share on Facebook" alt="Share on Facebook" width="64px" height="64px" /></a>

<a href="http://www.twitter.com/share?&text='. $post_title . '&amp;url=' . $permalink_encoded . '" title="Share on Twitter"><img src="Facebook icon file url goes here" title="Share on Twitter" alt="Share on Twitter" width="64px" height="64px" /></a>
</p>';
}

return $content;
}

add_filter('the_excerpt_rss', 'wpb_add_feed_content');
add_filter('the_content', 'wpb_add_feed_content');

このコードは、WordPress RSSフィードの投稿コンテンツの下にソーシャルアイコンを表示するためのHTMLを追加するだけです。

この記事がWordPressのRSSフィードにソーシャルボタンを追加するのに役立ったことを願っています。

この記事が気に入った場合は、WordPressのビデオチュートリアルをご覧ください。YouTubeチャンネルに登録してください。また、TwitterやGoogle+でもフォローできます。