2016.03.15 2021.10.10

WordPress ソーシャルボタンをプラグインなしで設置

KOSAERU WEB MEMO WordPress プラグインなし

WordPressの記事詳細ページに記事をSNSなんかに拡散して欲しくて、Twitterやfacebookなどのソーシャルネットワークにすぐ共有してもらえるようにリンクを設置したいですよね？

ただし！プラグインをインストールすると重くなるのでプラグインなしで設置したいって思いません？

今回はそんな方法をご紹介！

扱うのは以下の３つのソーシャルボタン。
これをプラグインなしで設置します。

フェイスブック
ツイッター
ライン

▼サンプルコード

<!--Facebookボタン-->
<a href="//www.facebook.com/sharer.php?src=bm&u=【ページURL】&t=【ページタイトル】" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">
facebook</span>
</a>

<!--ツイートボタン-->
<a href="//twitter.com/intent/tweet?url=【ページURL】&text=【ページタイトル】&tw_p=tweetbutton" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">
Twitter
</a>

<!--LINEボタン-->
<a href="//social-plugins.line.me/lineit/share?url=【ページURL】" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;">
LINE
</a>

facebook</span>

</a>

Twitter

</a>

LINE

</a>

▼WordPressの場合

<!--Facebookボタン-->
<a href="//www.facebook.com/sharer.php?src=bm&u=<?php echo $url_encode;?>&t=<?php echo $title_encode;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">
facebook</span>
</a>

<!--ツイートボタン-->
<a href="//twitter.com/intent/tweet?url=<?php echo $url_encode ?>&text=<?php echo $title_encode ?>&tw_p=tweetbutton" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">
Twitter
</a>

<!--LINEボタン-->
<a href="//social-plugins.line.me/lineit/share?url=<?php echo $url_encode;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;">
LINE
</a>

<a href="//www.facebook.com/sharer.php?src=bm&u=<?php echo $url_encode;?>&t=<?php echo $title_encode;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">

facebook</span>

</a>

<a href="//twitter.com/intent/tweet?url=<?php echo $url_encode ?>&text=<?php echo $title_encode ?>&tw_p=tweetbutton" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;">

Twitter

</a>

<a href="//social-plugins.line.me/lineit/share?url=<?php echo $url_encode;?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=500');return false;">

LINE

</a>