WordPressでSNSボタンを作るメモ

WordPressで オリジナルなSNSボタンを作りたい時の必要情報についてまとめておきます。

対象は、「Twitter」「FaceBook」「Google+」「Pocket」「はてなブックマーク」「LINE」です。

SNSボタンリンクの作り方

コピー & ペーストで好きなテンプレートファイルに貼り付けてください。

Twitter

<a href="http://twitter.com/home?status=<?php echo urlencode(the_title_attribute('echo=0')); ?>%20<?php the_permalink(); ?>" target="_blank">Twitter</a>

FaceBook

<a href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>" target="_blank">FaceBook</a>

Google+

<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" target="_blank">Google+</a>

Pocket

<a href="http://getpocket.com/edit?url=<?php the_permalink(); ?>" target="_blank">Pocket</a>

はてなブックマーク

<a href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>" target="_blank">はてなブックマーク</a>

LINE

<a href="http://line.me/R/msg/text/?<?php the_title(); ?>%0D%0A<?php the_permalink(); ?>">LINE</a>

ちなみに、%0D%0Aは「改行」を表していいます。

ボタンのデザイン

ボタンのデザインについては以下で紹介してますので、参考にしてください。
Font Awesomeでレスポンシブ対応のSNSボタンを作る!