キャリコ

WordPress や STINGER5 のカテゴリを中心に徒然なるままに綴る個人ブログ「 Calico 」です。

pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法

      2014/11/02

週3でペペロンチーノを食べてるキャリコ( @calicocatxyz )です。

正式名称はアーリオ・オリオ・ペペロンチーノ。イタリアの家庭で頻繁に食べられる料理で材料と作業工程の少ないシンプルな料理だから、素材の質と調理する人の技量が味に直結する料理ということで… なんだか STINGER5 のカスタマイズにも似てますね♪さて、本日は pocket のブックマーク数の取得方法とオリジナル SNS ボタンの設置方法です。それじゃあラテ、よろしくね♪

こんにちは、ラテにゃ。

今回は SNS ボタンに pocket を追加したから、ブックマーク数の取得と新たにボタンを作って設置したにゃ。

試行錯誤ライフハック
[試] Pocketブックマーク数(ある意味シェア数)の取得方法 | Pocket公式APIないけどどうする?

これから紹介する方法はこちらの記事を参考にしたにゃ。ただし、ブックマーク数の取得方法は pocket の公式というわけではないから注意するにゃ。

Ads by Google

pocket の公式ボタンを設置する

pocket の パブリッシャーズページにアクセスする

設置したいボタンを選ぶ

設置したいボタンを選んでコードを貼るだけにゃ!簡単♪ただ… キャリコではオリジナルのアイコンを設置してるから、それに合わせた方法で pocket ボタンを導入したにゃ。

pocket のブックマーク数を取得する

functions.php に追記する

参考にしたサイトのコードを丸々コピペするだけにゃ。このコードではじき出されたブックマーク数は次のコードで表示させることが出来るにゃ。

SNS ボタンを設置する

オリジナルボタンを自作する

前に設置した SNS ボタンと同じように pocket のボタンを自作したにゃ。設置してある SNS ボタンについてはこのエントリーに目を通すといいにゃ。

今回はこのエントリーのコードに追記する形で pocket ボタンを設置したにゃ。

今使ってる画像に…

3

同じサイズで pocket ボタンを作成したにゃ。

出来上がりがこの画像にゃ。

コードに追記する

CSS に追記する

sns.php に追記する

sns-top.php に追記する

以上で終了にゃ。

まとめ

今回はコピペするだけで簡単に pocket ボタンの設置が出来たにゃ。これならいくら SNS ボタンが増えても楽勝にゃー!

今日はここまで、じゃあにゃ~

ライター紹介

ラテ Web 担当、SNS 広報、イメージキャラクター

スコティッシュフォールドの女の子。主に Web 系のネタを中心にお届けする IT にゃんこです。

 - ウェブサービス ,

この記事が気に入ったら
いいね!しよう

キャリコの最新情報をお届けします

Twitter でキャリコをフォローしよう!

【キ】 アドセンス用336px

【キ】 アドセンス用336px

  関連記事

Photo credit : ameblo
FC2 ブログから各ブログサービスへ移転する方法のまとめ

ブログやるなら独自ドメインが最強だと思ってるキャリコ( @calicocatxy …

1
お題に答える「 言えるかな? 」が面白い!キャリコも問題作ったよ!

47都道府県を全部言えませんでした、キャリコ( @calicocatxyz )で …

ロリポップに wordpress をインストールして STINGER5 をテーマにする手順

イギリスの病院のベッドの上からこんにちは、キャリコ( @calicocatxyz …

Google+ ページを作って Google+ バッジを設置しよう

今年はサッカーかぶれのキャリコ( @calicocatxyz )です。 本田選手 …

新ドメイン『.xyz 』を選んだ理由

ただ今イギリス滞在中のキャリコ( @calicocatxyz )です。 新しくブ …

eye
nend を1年間掲載してみてわかった平均クリック単価

nend は稼げない、キャリコです。 冒頭から夢のないことを言っちゃいますが… …

ロリポップの FTP で2つ目の独自ドメインを設定する方法

イギリスのリーズに滞在中のキャリコ( @calicocatxyz )です。 東京 …

Web アイコン Font Awesome の最新版 Version 4.3.0 が公開
Web アイコン Font Awesome の最新版 Version 4.3.0 が公開

これを知った当初はフォントアウェサムと読んでいた、キャリコ( @calicoca …

これは便利!Retina で拡大・縮小しても美しいまま表示される魔法のアイコン

HARIBO を買ったつもりが HALALBO でちょっとショック、キャリコ( …

忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax が Google AdSense よりも稼げる理由

忍者 AdMax をブログに導入、キャリコ( @calicocatxyz )です …