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

      関連記事

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

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

    初心者ブロガー要注意!アクセスアップを妨げる「たぶん、やってはいけない」3つのコト

    貴方は知らず知らずのうちにアクセスアップを妨げる「やってはいけないこと」をやっていませんか? ども、

    ウェブマスターツールでサイトマップ登録

    ウェブマスターツールでGoogleにサイトマップを登録 サイトマップとはサイト内のコンテンツをカテゴ

    無料ブログとオールドドメインのドメインパワー比較(初動篇)

      始めに言っておきますが、この記事はアフィリ超初心者向けです。 新規にサイトを作ろうと思

    まだ使ってないの?WordPressのブログにyoutube動画を表示させる簡単な方法

    こんにちは。ブログを運営していると、文章だけではなかなか伝わりにくい内容と言うもあります。技術的・知

    結果を求めるブロガーが絶対に気をつけるべき3つの落とし穴

    ブログを運営していく上でモチベーションとなるのは、ユーザー数やページビューだったり、人によっては収益

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

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

    【STINGER利用者に朗報】訪問別PVが増加!やっぱりSTINGER for FANは凄かった!

    なかば狙っていたとは言え、これほど明確に違いが出るとは・・・。 ども、TEN(@tensblog)で

    wordpress image

    おすすめのレンタルサーバー『WPX』。WordPressでブログをやるならコレしかない!

    個人で手軽に始める事ができるブログは、情報発信やアフィリエイトなど様々なことができます。 中には月に

    Amazonアソシエイトの審査に受かる方法

    意外に難しい?アソシエイト(アフィリエイト)の審査基準 ブログでアフィリエイト収入を目指すにあたって

      Message

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

    ad

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

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

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

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

    夏の汗対策を考えてみた

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

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

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

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

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

    • WordPressテーマ「AMORE (TCD028)」 

      WordPressテーマ「CORE (TCD027)」 

      WordPressテーマ「Gorgeous (TCD013)」