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

2018年7月6日2018年10月10日ITリテラシー

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

• twitter
• facebook
• google+
• はてブ

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

<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>