WordPress - 2019-08-13

ソーシャルシェアボタンの設置方法まとめ-WordPress編

WordPressでよくソーシャルシェアボタンを設置することが多いので、今まで設置したのソーシャルシェアボタンの設置方法をまとめました。

Twitterのシェアボタン

<a href="//twitter.com/share?text=<?php echo get_the_title(); ?>&url=<?php echo get_permalink(); ?>&via=wemo_blog" title="Twitterでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;">Twitter</a>

Facebookのシェアボタン

<a href="//www.facebook.com/sharer.php?src=bm&u=<?php echo get_permalink(); ?>&t=<?php echo get_the_title(); ?>" title="Facebookでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=800,width=600');return false;">Facebook</a>

Google+のシェアボタン

<a href="//plus.google.com/share?url=<?php echo get_permalink(); ?>" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;" title="Google+で共有">Google+</a>

Hatenaのシェアボタン

<a href="//b.hatena.ne.jp/add?mode=confirm&url=<?php echo get_permalink(); ?>" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=1000');return false;" title="はてなブックマークに登録">Hatena</a>

LINEのシェアボタン

<a href="//line.me/R/msg/text/?<?php echo get_permalink();.'%0D%0A'. echo get_the_title();?>" target="_blank" title="LINEに送る">LINE</a>

Slackのシェアボタン

<script src="//slackbutton.herokuapp.com/widget.js" type="text/javascript"></script>
<a data-source="//slackbutton.herokuapp.com/embed" href="//slackbutton.herokuapp.com/post/new" data-url="<?php echo get_permalink(); ?>" target="_blank">Slack</a>

まとめ

<div class="share">
  <a href="//twitter.com/share?text=<?php echo get_the_title(); ?>&url=<?php echo get_permalink(); ?>&via=wemo_blog" title="Twitterでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;">Twitter</a>
  <a href="//www.facebook.com/sharer.php?src=bm&u=<?php echo get_permalink(); ?>&t=<?php echo get_the_title(); ?>" title="Facebookでシェア" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=800,width=600');return false;">Facebook</a>
  <a href="//plus.google.com/share?url=<?php echo get_permalink(); ?>" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;" title="Google+で共有">Google+</a>
  <a href="//b.hatena.ne.jp/add?mode=confirm&url=<?php echo get_permalink(); ?>" onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=1000');return false;" title="はてなブックマークに登録">Hatena</a>
  <a href="//getpocket.com/edit?url=<?php echo get_permalink(); ?>&title=<?php echo get_the_title(); ?>" target="_blank" title="Pocketに保存する">Pocket</a>
  <a href="//line.me/R/msg/text/?<?php echo get_permalink();.'%0D%0A'. echo get_the_title();?>" target="_blank" title="LINEに送る">LINE</a>
  <script src="//slackbutton.herokuapp.com/widget.js" type="text/javascript"></script>
  <a data-source="//slackbutton.herokuapp.com/embed" href="//slackbutton.herokuapp.com/post/new" data-url="<?php echo get_permalink(); ?>" target="_blank">Slack</a>
</div>
Related Posts

Related Posts

WordPressのカスタムフィールドやカテゴリを検索対象に含める方法

2018-02-07

WordPressのテンプレートタグを独自のclass名に変更する方法

2018-07-04

YouTube APIを使って視聴数ランキングを表示する(PHP)

2018-04-25

マルチサイト導入とつまずいたことまとめ

2019-04-03