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

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

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

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

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

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

このコードを、テーマの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+でもフォローできます。