「AddToAny Share Buttons (シェアボタン)」という、
SNSシェアボタンのプラグインを使っていたが、とても重かったので、
ボタンを手作りすることにした。
見た目は、↓こちらのサイトを参考にして、軽いSNSシェアボタンを作ってみた。
以下のコードを WordPress の function.php に追加した。
function content_sns_button($content) {
if ( !is_single()){
return $content;
}
$btns = <<< EOM
EOM;
$btns .= '<!-- ここからシェアボタン -->';
$btns .= '<div class="share-btn-type7">';
$btns .= '<a href="http://b.hatena.ne.jp/entry/'.esc_url(get_permalink()).'" data-hatena-bookmark-title="'.get_the_title().'" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加" class="share-btn__item share-btn__item--hatebu" target="_blank"><strong>H</strong></a>';
$btns .= '<a href="http://www.facebook.com/sharer.php?u='.esc_url(get_permalink()).'" class="share-btn__item share-btn__item--facebook" target="_blank"><strong>F</strong></a>';
$btns .= '<a href="http://twitter.com/intent/tweet?text='.get_the_title().' '.esc_url(get_permalink()).'" class="share-btn__item share-btn__item--twitter" target="_blank"><strong>T</strong></a>';
$btns .= '<a href="http://getpocket.com/edit?url='.esc_url(get_permalink()).'" class="share-btn__item share-btn__item--pocket" target="_blank"><strong>P</strong></a>';
$btns .= '</div>';
$btns .= '<!-- シェアボタンここまで -->';
$re_content = $btns.$content.$btns;
return $re_content;
}
add_filter('the_content','content_sns_button');
↓こんな感じ。
本文に入れ込んだ作りにしたので、AMPでもそのまま表示される。