WordPress に Pocket (Formerly Read It Later) を組み込んでみた

por papaya · Publicada 2013/04/26 · Actualizado 2016/12/22

この記事で見たのですが、皆さん結構 pocket って使われているんですね。
自分はこの手の「あとで読む」系あるいはブックマーク系は、あまりまとまりがなく Evernote や Delicious、はてブなんかをバラバラに使っています。

いずれにしても、pocket の需要があるということは、我がサイトにも導入せねばということで入れてみました。

pocket のボタンはここで作れます。
作ったボタンを好きなところに貼っていくだけ。

まず、ソーシャルボタンの並びから。
当サイトの場合、基本 AddThis でボタンを作っているので、そこに入れてあげれば OK!

テーマファイルの single.php をゴニョゴニョして、こんな感じ↓

    &lt;div style=&quot;width: 85px;&quot;&gt;
        &lt;a class=&quot;addthis_button_linkedin_counter&quot; li:counter=&quot;top&quot;&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div style=&quot;width: 85px;&quot;&gt;
        &lt;a data-pocket-label=&quot;pocket&quot; data-pocket-count=&quot;vertical&quot; class=&quot;pocket-btn&quot; data-lang=&quot;en&quot;&gt;&lt;/a&gt;
        &lt;script type=&quot;text/javascript&quot;&gt;!function(d,i){if(!d.getElementById(i)){var j=d.createElement(&quot;script&quot;);j.id=i;j.src=&quot;https://widgets.getpocket.com/v1/j/btn.js?v=1&quot;;var w=d.getElementById(i);d.body.appendChild(j);}}(document,&quot;pocket-btn-js&quot;);&lt;/script&gt;
    &lt;/div&gt;
    &lt;div style=&quot;width: 85px;&quot;&gt;
        &lt;a class=&quot;addthis_counter&quot;&gt;&lt;/a&gt;
    &lt;/div&gt;

すると、ほれ！

なんかずいぶんボタン増えたな wwwwww

あと必要なのは Social Metrics。
これについては以前書いた記事『WordPress プラグイン Social Metrics に “はてなブックマーク” を追加した』があるので、それを参考に。

“Digg” は使わないから消しちゃえ。
こんな感じかな↓

	&lt;table class=&quot;widefat post fixed smtable&quot; cellspacing=&quot;0&quot;&gt;
		&lt;thead&gt; 
			&lt;tr&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title0&quot; class=&quot;manage-column column-title&quot; &gt;Title&lt;/th&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title1&quot; class=&quot;manage-column column-title&quot; &gt;Twitter&lt;/th&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title2&quot; class=&quot;manage-column column-title&quot; &gt;Facebook&lt;/th&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title3&quot; class=&quot;manage-column column-title&quot; &gt;Google +1&lt;/th&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title4&quot; class=&quot;manage-column column-title&quot; &gt;Hatena&lt;/th&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title5&quot; class=&quot;manage-column column-title&quot; &gt;pocket&lt;/th&gt;
				&lt;th scope=&quot;col&quot; id=&quot;title6&quot; class=&quot;manage-column column-title&quot; &gt;LinkedIn&lt;/th&gt;
			&lt;/tr&gt;
		&lt;/thead&gt;
		&lt;tbody&gt;
&lt;?php 		while ($recentPosts-&gt;have_posts()) : $recentPosts-&gt;the_post(); ?&gt;
			&lt;tr&gt;
				&lt;td &gt;&lt;a href=&quot;&lt;?php the_permalink() ?&gt;&quot; target=&quot;_blank&quot; rel=&quot;bookmark&quot;&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/td&gt;
				&lt;td &gt;&lt;a href=&quot;http://twitter.com/share&quot; class=&quot;twitter-share-button&quot; data-text=&quot;&lt;?php the_title(); ?&gt;&quot; data-count=&quot;horizontal&quot; data-url=&quot;&lt;?php the_permalink() ?&gt;&quot;&gt;Tweet&lt;/a&gt;&lt;/td&gt;
				&lt;td &gt;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=&lt;?php the_permalink(); ?&gt;&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=false&amp;action=like&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; style=&quot;border:none; overflow:hidden; width:100px; height:21px;&quot; allowTransparency=&quot;true&quot;&gt;&lt;/iframe&gt;&lt;/td&gt;
				&lt;td &gt;&lt;g:plusone size=&quot;medium&quot; href=&quot;&lt;?php the_permalink(); ?&gt;&quot;&gt;&lt;/g:plusone&gt;&lt;/td&gt;
				&lt;td &gt;&lt;a href=&quot;http://b.hatena.ne.jp/entry/&lt;?php the_permalink(); ?&gt;&quot; class=&quot;hatena-bookmark-button&quot; data-hatena-bookmark-layout=&quot;standard-balloon&quot; title=&quot;このエントリーをはてなブックマークに追加&quot;&gt;&lt;img src=&quot;http://b.st-hatena.com/images/entry-button/button-only.gif&quot; alt=&quot;このエントリーをはてなブックマークに追加&quot; width=&quot;20&quot; height=&quot;20&quot; style=&quot;border: none;&quot; /&gt;&lt;/a&gt;&lt;script type=&quot;text/javascript&quot; src=&quot;http://b.st-hatena.com/js/bookmark_button.js&quot; charset=&quot;utf-8&quot; async=&quot;async&quot;&gt;&lt;/script&gt;&lt;/td&gt;
				&lt;td &gt;&lt;a data-pocket-label=&quot;pocket&quot; data-pocket-count=&quot;horizontal&quot; class=&quot;pocket-btn&quot; data-lang=&quot;en&quot;&gt;&lt;/a&gt;&lt;script type=&quot;text/javascript&quot;&gt;!function(d,i){if(!d.getElementById(i)){var j=d.createElement(&quot;script&quot;);j.id=i;j.src=&quot;https://widgets.getpocket.com/v1/j/btn.js?v=1&quot;;var w=d.getElementById(i);d.body.appendChild(j);}}(document,&quot;pocket-btn-js&quot;);&lt;/script&gt;&lt;/td&gt;
				&lt;td &gt;&lt;script type=&quot;in/share&quot; data-url=&quot;&lt;?php the_permalink(); ?&gt;&quot; data-counter=&quot;right&quot;&gt;&lt;/script&gt;&lt;/td&gt;
			&lt;/tr&gt;
&lt;?php		endwhile; ?&gt;
		&lt;/tbody&gt;
		&lt;tfoot&gt;
			&lt;tr&gt; 
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;Title&lt;/th&gt;
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;Twitter&lt;/th&gt;
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;Facebook&lt;/th&gt;
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;Google +1&lt;/th&gt;
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;Hatena&lt;/th&gt;
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;pocket&lt;/th&gt;
				&lt;th scope=&quot;col&quot;  class=&quot;manage-column column-title&quot; &gt;LinkedIn&lt;/th&gt;
			&lt;/tr&gt;
		&lt;/tfoot&gt;

	&lt;/table&gt;

すると、こんな感じになります↓

んー、いいんじゃない？

おしまい。

Pocket
Read It Later, Inc
価格： 0円

posted with sticky on 2014.11.9

Recent Posts

Tag Cloud

Translation

Facebook Like Box

Twitter でフォロー

Google+