【軽すぎるSNSボタン】aタグで超絶シンプル！プラグインなしで実装

2018年7月6日2018年10月10日

WordPressでSNSボタンを実装する際、色々とややこしい形になっていることが多く重たくなりそうだと思っていたので、今回aタグだけの超絶シンプルで軽いSNSボタンを作った。

• twitter
• facebook
• google+
• はてブ

とりあえず上記の４つ。CSSは自分でカスタマイズしてね。

[php]
<div class="sns-button">
<ul>

<li class="twitter">
<a href="http://twitter.com/share?url=<?php the_permalink() ?>">t</a>
</li>

<li class="facebook">
<a href="//www.facebook.com/sharer/sharer.php?u=<?php the_permalink() ?>">f</a>
</li>

<li class="googleplus">
<a href="https://plus.google.com/share?url=<?php the_permalink() ?>">g+</a>
</li>

<li class="hatebu">
<a href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php the_permalink() ?>">B!</a>
</li>

</ul>
</div>
[/php]