aタグだけの超絶シンプルで軽いSNSボタンをプラグインなしで実装【WordPress】

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

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

twitter
facebook
google+
はてブ

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

<div class="sns-button">
<ul>

<li class="twitter">
<a href="http://twitter.com/share?text=<?php echo $title_encode ?>&url=<?php echo $url_encode ?>">t</a>
</li>

<li class="facebook">
<a href="//www.facebook.com/sharer/sharer.php?u=<?php the_permalink() ?>&amp;t=<?php echo $title_encode ?>">f</a>
</li>

<li class="googleplus">
<a href="https://plus.google.com/share?url=<?php echo $url_encode;?>">G+</a>
</li>

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

</ul>
</div>