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

      2014/10/08

GetPocket

後で読みたい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&amp;count=vertical&amp;v=1&amp;url=file%3A%2F%2F%2FApplications%2FBlogo.app%2FContents%2FResources%2Feditor.html&amp;title=&amp;src=file%3A%2F%2F%2FApplications%2FBlogo.app%2FContents%2FResources%2Feditor.html&amp;r=0.6969531155191362"></iframe></div>
    
     </li>
     
    <p>

    確認してみる

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

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

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

     -ブログのSEO

    ad

    • このエントリーをはてなブックマークに追加
    • follow us in feedly
    •    
     
    最後までお読みいただき、ありがとうございます。よろしければSNSでフォローをいただけると感謝です。
    プロフィール
    follow us in feedly

      関連記事

    WordPressテーマ「STINGER for FUN」を導入してブログを白くしてみる

    アクセス数を増やす為には、おもてなしが大切である! ども、TEN(@tensblog)です。広告収入

    WordPressテーマ「Stinger for FANS」のブログタイトル部をヘッダー画像に変更してみる

    ブログにとってブログタイトルは超重要な項目です。先日ブログタイトルを「TENSBLOG」から「ほりさ

    はてなブックマークでホットエントリーしそうな記事タイトルを自動で生成してくれる「ホッテントリメーカー」が便利すぎる

    今宵はブログタイトルと戯れたい・・・。(トップの画像は記事とは関係ないですが、目の保養ってことで)

    アフィリエイト結果報告!ブログ開設1ヶ月でどこまでやれるのか?

    ども、TENです。誰もアクセスしていないと知りつつも、ブログ開設1ヶ月の結果を報告します! まだ解説

    特定ユーザーのつぶやきを確実に捕捉して、STINGER for FANをゲットする

    つぶやきが・・・捕捉できず・・・STINGER for FANがダウンロードできない! ども、TEN

    さくらサーバーでサブドメイン「/wp/」にインストールしたWordPressをドメイン直下に表示させる方法

    さくらインターネットのレンタルサーバーでは、クイックインストールでドメイン直下にワードプレスをインス

    ウェブマスターツールのサイトマップで送信と登録が保留になった時の対処法

    ども、TENです。ここ数日アクセスが下がりっぱなしで、原因をいろいろと探ってました。特にGoogle

    ブロガーにおすすめできる!ブログエディタ「Blogo」を使ってみた

    今までブログを書く際は、ブラウザで直接WordPressに書いていたのですが、常にオンラインでないと

    アクセス数が−61%に激減!その原因とSEO対策

    こんにちは、先日のGoogleアルゴリズムアップデートの影響で検索流入を激減して超ブルーな気分のTE

    Googleが推奨する検索エンジン最適化(SEO)を整理してみる

    ブラックなSEO対策を嫌うGoogleですが、ユーザーと検索エンジン双方のメリットとなるホワイトなS

      Message

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    ad

    安い肉を使ったトンカツや唐揚げが劇的に旨くなる作り方。出し巻き卵もね

    この前テレビでやってた内容を備忘録として記述しておく。 クソ安いクズ肉で作った料理が、高級食材を使っ

    大久保加代子さんをギリいける感じのオバサマに修正してみた

    ブス芸人として絶大なる人気を誇る大久保加代子さんを、Photoshopを使って「これぐらいならギリ喰

    夏の汗対策を考えてみた

    暑い日に外に出るとどうしても汗をかいてしまいますよね。僕は汗っかきな方なので、初夏でも30分も外にい

    Macbookair用のノートパソコンスタンドを自作してみた

    Macbook airは軽くて使いやすいPCですが、唯一の難点はモニターが小さいことです。 ブラウジ

    九州で大寒波!寒波を乗り切る知識&グッズ

    今週末(1月23〜25日)には約40年ぶりといわれるような大寒波が西日本に到来するようです。 九州に

    • WordPressテーマ「AMORE (TCD028)」 

      WordPressテーマ「CORE (TCD027)」 

      WordPressテーマ「Gorgeous (TCD013)」