PocketボタンをWordPressに追加してみる

ブログ・アフィリエイト

後で読みたいWEBページや、動画などを手軽に保存できるサービス「Pocket」。

とても利用者が多く、ブログ読者を増やす為には欠かせないサービスなのですが、実はまだこのブログに導入していませんでした。

そこで、僕が使わせていただいている「STINGER」のSNSボタンに、Pocketボタンを追加したいと思います。

スポンサーリンク

Pocketを導入してみる

コードの取得

下記のPocket公式のコード生成ページへ移動し、コードを取得します。特にサイトに合わせて変更する箇所はありません。

(コード生成ページ)Pocket

コードをSNS.phpにペースト

「STINGER」にはSNSボタンをひとまとめにしたsns.phpというファイルがありますので、そこに先ほどのコードをペーストします。

僕の場合は「Feedly」ボタンを追加してますので、その後にlist表記することになります。

4行目から6行目が先ほどコピーしたコードになります。

 

タグでコードを挟んでください。

</p>
<li><a href="http://cloud.feedly.com/#subscription%2Ffeed%2Fhttp%3A%2F%2Ftensblog.com%2Ffeed%2F" target="blank"><img id="feedlyFollow" src="http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-medium_2x.png" alt="follow us in feedly" width="71" height="28"></a>
 </li>
<li><div class="pocket-btn"><iframe width="60" height="63" id="pocket-button-0" frameborder="0" allowtransparency="true" scrolling="NO" src="https://widgets.getpocket.com/v1/button?label=pocket&count=vertical&v=1&url=file%3A%2F%2F%2FApplications%2FBlogo.app%2FContents%2FResources%2Feditor.html&title=&src=file%3A%2F%2F%2FApplications%2FBlogo.app%2FContents%2FResources%2Feditor.html&r=0.6969531155191362"></iframe></div>

 </li>
 
<p>

確認してみる

きちんとペーストできていれば、SNSボタンにPocketボタンが追加されます。

スクリーンショット 2014-06-15 6.43.19

こんな感じです。簡単ですね。

コメント