キャリコおすすめ
本日の人気記事
- 忍者 AdMax が Google AdSense よりも稼げる理由
- SimCity BuildIt(シムシティ ビルドイット)の美しい街の景観30選
- 【 ドレッドヘアのお手入れ方法 】よく聞かれる7つの質問にお答えします
- ソフトバンクの157で即オペレーターにつなぐ方法
- わずか1分28秒でハッキング可能!Wi-Fi 自動接続してるスマホは格好のカモ
- LAN ケーブルを変えるだけで通信速度が速くなるのは本当なのか?
- 歩行者でも信号無視でこんなに罰金取られんのかよwww
- エスニックファッションの激安通販サイトまとめ
- LINE だけで通信速度制限!そんなことってあるの?!
- ファビコンを設定したならアップルタッチアイコンも作ろう
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 に追記する
1 2 3 4 5 6 7 8 9 10 |
function get_pocket_count($url) { $query = 'http://widgets.getpocket.com/v1/button?v=1&count=horizontal&url=' . $url; $html = file_get_contents($query); $dom = new DOMDocument('1.0', 'UTF-8'); $dom->preserveWhiteSpace = false; $dom->loadHTML($html); $xpath = new DOMXPath($dom); $result = $xpath->query('//em[@id = "cnt"]')->item(0); return isset($result->nodeValue) ? intval($result->nodeValue) : 0; } |
参考にしたサイトのコードを丸々コピペするだけにゃ。このコードではじき出されたブックマーク数は次のコードで表示させることが出来るにゃ。
1 |
<?php echo get_pocket_count(get_permalink($post->ID)); ?> |
SNS ボタンを設置する
オリジナルボタンを自作する
前に設置した SNS ボタンと同じように pocket のボタンを自作したにゃ。設置してある SNS ボタンについてはこのエントリーに目を通すといいにゃ。
今回はこのエントリーのコードに追記する形で pocket ボタンを設置したにゃ。
今使ってる画像に…
同じサイズで pocket ボタンを作成したにゃ。
出来上がりがこの画像にゃ。
コードに追記する
CSS に追記する
1 |
.pocket { background-position: 0 -100px; } |
sns.php に追記する
1 |
<li><span class="sns-count"><?php echo get_pocket_count(get_permalink($post->ID)); ?></span><a href='http://getpocket.com/edit?url=<?php the_permalink(); ?>&title=<?php echo get_the_title(); ?>' target="_blank""><span class="sns-icon pocket">pocket</span></a></li> |
sns-top.php に追記する
1 |
<li><span class="sns-count"><?php echo get_pocket_count(get_permalink($post->ID)); ?></span><a href='http://getpocket.com/edit?url=<?php echo home_url(); ?>&title=<?php bloginfo('name'); ?>' target="_blank""><span class="sns-icon pocket">pocket</span></a></li> |
以上で終了にゃ。
まとめ
今回はコピペするだけで簡単に pocket ボタンの設置が出来たにゃ。これならいくら SNS ボタンが増えても楽勝にゃー!
今日はここまで、じゃあにゃ~
この記事が気に入ったら
いいね!しよう
キャリコの最新情報をお届けします
Twitter でキャリコをフォローしよう!
おすすめ記事
【キ】 アドセンス用336px
【キ】 アドセンス用336px
関連記事
-
-
LINE が本気だしてきた!エイベックス、ソニーミュージック、サイバーエージェント、グリーなどと新会社設立
今日の Gunosy 朝刊で驚きのニュースを知ったキャリコ( @calicoca …
-
-
Facebook の変更に合わせた記事の拡散につながる OGP 設定【 最新版 】
口内炎に苦しんでるキャリコ( @calicocatxyz )です。 そりゃペペロ …
-
-
アクセスアップには Twitter を極めるのが近道な理由
時間差で読書の秋が訪れてるキャリコ( @calicocatxyz )です。 外気 …
-
-
ロリポップの FTP で2つ目の独自ドメインを設定する方法
イギリスのリーズに滞在中のキャリコ( @calicocatxyz )です。 東京 …
-
-
忍者 AdMax が Google AdSense よりも稼げる理由
忍者 AdMax をブログに導入、キャリコ( @calicocatxyz )です …
-
-
お題に答える「 言えるかな? 」が面白い!キャリコも問題作ったよ!
47都道府県を全部言えませんでした、キャリコ( @calicocatxyz )で …
-
-
Twitter のフォローボタンとタイムラインプラグインを設置しよう
退院したはいいものの、2kg も太ったキャリコ( @calicocatxyz ) …
-
-
【 保存版 】フリー写真素材サイト超絶まとめ61選
ブログのアイキャッチなら任せろ、キャリコ( @calicocatxyz )です。 …
-
-
Font Awesome の最新版 Version 4.2.0 を導入したアイコン型ウェブフォントの使い方
ああああああああ、ULTRA JAPAN に行きたすぎるキャリコ( @calic …
-
-
スマホ用クリック課金型広告【 nend 】をブログに導入しました
nend 導入、キャリコ( @calicocatxyz )です。 もっとお金が欲 …