[pocket]この記事は約6分で読めます。最近、いろんなページを徘徊している時に見かけるようになった「pocket」ボタン。Twitterやfacebookのボタンと同じ位置に配置されているので、SNSのボタンなんだろうな...と思っていましたが、これまでスルーしてきました。いくつかのサイトで設置されていて、数字の跳ね方も大きいので当サイトでも設置してみることにしました。賢威6.1にコードを貼り付ける場合のひと工夫pocketってそもそもなに?pocketは、「あとで読む」に特化したブックマークサービスです。単純に、「あとで読む」ためにWebサイトなどをブックマークしておくサービスです。これまでもブクマといえば、はてブなどでも「あとで読む」タグをつけたりして活用していましたが、pocketはブックマークに特化したサービスで、iOSやAndroidとも連携しておりスマホアプリもあります。使い勝手はかなりよく、これまでの他サービスに乗っかってブックマークしておいた時よりも、かなり使いやすい「あとで読む」サービスになっています。pocketの使い方やサービスの詳細は、以下のサイトが参考になります。Gigazinepocketボタンの設置それでは早速pocketボタンを設置していきましょう。ボタンコードを取得して、Webサイト・ブログ内に貼り付けるだけなので簡単です。以下のサイトから、pocketボタンのコードを取得します。Buttonこのような、リンクタグ(アンカータグ)とJavaScriptタグがセットで取得できます。w=d.getElementById(i);d.body.appendChild(j);}}(document,"pocket-btn-js");</script>このコードを、Webサイト内のpocketボタンを表示したい位置に貼り付けるだけです。WordPressへコードを貼り付けるWordPressではpocketボタンを各記事に設置する時には少し改造する必要があります。リンクタグを以下のように変更します。?>"></a>記事のURLを動的に取得するために、以下のコードを追加しています。?>"これで、各記事用のPHPファイルに貼り付けても動作します。ボタンを表示する位置に、このリンクタグを貼り付けましょう。JavaScriptは分けて貼り付けておくのがよいでしょう。WordPressへの貼り付けは、「footer.php」が適当です。「</body>」の直前にでも貼り付けておきましょう。賢威6.1でpocketを貼り付ける場合にひと工夫します。賢威6.1では、ツイートボタンやいいね!ボタンがデフォルトで追加されているので、それに合わせた形で、pocketボタンを追加します。リンクタグを追加します。テーマ編集」から「social-button.php」を開きます。?>"></a></li></ul>6行目にpocketボタンを追加しました。これで画像のように、これまで他のソーシャルボタンが表示されていた位置にpocketボタンが追加されます。JavaScriptコードは「footer.php」の「この行は削除しないでください。」の上に以下のように貼り付けましょう。//この行は削除しないでください。?>これでpocketボタンをWordPressに追加完了です。賢威のコメント欄からメールアドレスを消す方法2013年12月9日WordPressでサイドバーをスクロールで追従させる方法(プラグインなし)コメントを残す返信をキャンセルする。Reserved.このページの先頭へ。