キャリコ

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

  関連記事

なければ作ればいい!アイコン型ウェブフォントが自作できる IcoMoon

イギリスで一人暮らしをするかもしれないキャリコ( @calicocatxyz ) …

これでもアクセスが増えなかったらもう諦めよう!
これでもアクセスが増えなかったらもう諦めよう!

随分と大きく出たもんだ、キャリコ( @calicocatxyz )です。 Cla …

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

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

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

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

Facebook のファンページを作成してプラグインの Like Box を設置しよう

数日の入院が終わり無事に退院しました、キャリコ( @calicocatxyz ) …

Facebook の変更に合わせた記事の拡散につながる OGP 設定【 最新版 】

口内炎に苦しんでるキャリコ( @calicocatxyz )です。 そりゃペペロ …

アクセスアップには Twitter を極めるのが近道な理由とメリット
アクセスアップには Twitter を極めるのが近道な理由

時間差で読書の秋が訪れてるキャリコ( @calicocatxyz )です。 外気 …

Googleが マテリアルデザイン化された750個のアイコンを配布

10月も後半に入り冷え込んできたのにセントラルヒーティングの付け方がわからないキ …

スマホ用クリック課金型広告【 nend 】をブログに導入しました

nend 導入、キャリコ( @calicocatxyz )です。 もっとお金が欲 …

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

良いタイミングで気付いた、キャリコ( @calicocatxyz )です。 半年 …