このブログにはWordPressのAMPプラグインを導入していますが、デフォルトではシェアボタンがありません。
と言う事で、設置しました。

テキストで設置したシェアボタン


簡素ではありますが画像やCSSは使わずにテキストで設置しました。

function.phpを編集

テーマのfunction.phpに下記を追加します。

function content_for_social_button($content){
    if (is_amp_endpoint()) {
    $url_encode=urlencode(get_permalink());
    $title_encode=urlencode(get_the_title());
        $hatebu = '<a href="http://b.hatena.ne.jp/entry/'.urlencode().''.$url_encode.'"><span class="text">はてブ</span></a>';
        $twitter = '<a href="http://twitter.com/share?text='.urlencode(the_title( "" , "" , 0 )).'&url='.$url_encode.'"><span class="text">Twitter</span></a>';
        $facebook = '<a href="http://www.facebook.com/sharer.php?src=bm&u='.$url_encode.'&t='.$title_encode.'"><span class="text">Facebook</span></a>';
        $gplus = '<a href="http://plus.google.com/share?url='.urlencode().''.$url_encode.'"><span class="text">Google+</span></a>';
        $pocket = '<a href="http://getpocket.com/edit?url='.urlencode().''.$url_encode.'&title='.$title_encode.'"><span class="text">Pocket</span></a>';
    $social = "<div class='share amp'>";
    $social .= "<h5>この記事をシェアする</h5>";
    $social .= "<span class='hatebu snslist'>" . $hatebu . "</span><br />";
    $social .= "<span class='twitter snslist'>" . $twitter . "</span><br />";
    $social .= "<span class='facebook snslist'>" . $facebook . "</span><br />";
    $social .= "<span class='gplus snslist'>" . $gplus. "</span><br />";
    $social .= "<span class='pocket snslist'>" . $pocket. "</span>";
    $social .= "</div>";
    $content .= $social;
    return $content;
    } else {
        return $content;
    }
}
add_filter( 'the_content', 'content_for_social_button');

上記でAMPページにはてなブックマーク、Twitter、Facebook、Google+、Pocketのシェアボタンが追加されます。

参考

[WordPress]AMPプラグインを使ったAMP対応の際に設定しておきたいこと8個[functions.php]
AMPページに『シェアボタン』を設置する方法!【Twitter/はてブ/facebook/LINE】

上記を参考にさせて頂きました。
ちなみに、上記の記事にははてなブックマーク、Google+、Pocketが無かったので勝手に追加しています。


コメントを投稿する

* が付いている項目は必須です。