普通のサラリーマンのiPhone日記 Rotating Header Image

WordPressにGoogle共有アイテムを自動表示させる

Googleリーダーの共有アイテム(メモ含む)は、今の私にとって欠かすことが出来ないWebサービスです。Twitterへの情報発信も、はてブ、Instapaper、Evernoteへの情報蓄積も、全ては共有アイテムが起点になってます。

実は、共有アイテムの新たな活用方法を模索する中で、まだ実現出来てなかったのが、@donpyさんが日々、情報発信されてらっしゃる「D’s Focus」のような他サイトから見つけてきた情報を自分なりに解釈し、紹介することでした。

今日は、WordPress上にGoogleリーダーの共有アイテムを自動表示させるプラグイン「Recommended Reading: Google Reader Shared」をご紹介します。

まずは完成したページをご紹介します。ページを開くと最新の共有アイテムを取ってくるのですが、Googleリーダーで共有、その後、どれくらいで反映されてくるのか試してみました。結果は、ほぼリアルに反映されました。ビックリ仰天、素晴らしい!

インストール

リンク先」からzipファイルをダウンロードし、そのファイルをWordPress管理画面の「プラグインのインストール」からアップロードします。WordPress内でプラグインを検索して入れることも可能です。この場合は、自動インストールされるんで楽かも。

プラグイン設定

設定はWordPress管理画面の「設定」から行います。「Rec. Reading」を選択すると以下のような設定画面が登場します。ひとつひとつ情報を確認していきます。

最初はGoogleリーダーのIDを設定します。GoogleのIDは数字の羅列なんですが、自分のIDが分からないようでしたら「Look up…」のところにUID、PWDを入れると上の段にIDが入ります。入りますが….バグがあるようで数字の羅列だけに編集が必要です。

次にすることはディスプレイの設定。この設定はサイドバーやページや記事に投稿する際のベースとなる設定になります。予め簡単設定で、SimpleとDetailedが選べますので面倒な方は、どちらかを選ぶと良いです。私は個別に設定します。

  • Number of Posts(一度に表示する件数は直近の30件にしました)
  • Show Post Content(バグがあるっぽいんでオフにしてます)
  • Show Date(日付の設定は、yyyy/mm/dd hh:mm:ssの形式にしました)
  • Preface Date(日付のラベル名の設定。Publishedにしました)
  • Show Blog Source(元サイトの表示設定。オンにしてます)
  • Preface Source(元サイトのラベル名の設定。Sourceにしました)
  • Open Links in New Window(Linkを踏んだ時に新しいWindowで開きます)
  • rel=…(LinkをGoogleページランクの対象から除外する設定にしてます)
  • Read More Link(最後に表示される共有アイテムへのLinkのラベル名です)
  • Link to Feed(FeedのURLに飛ぶかの設定はオフにしてます)

私のGoogleリーダーの共有アイテムには全てメモが入ってます。メモを表示させるオプションは、もちろんオンにしました。Preface Note(メモのラベル名)はオフにしてます。「Display on page / post(shortcode)」の設定は、色々といじったんですが、結局は全部オフにしました。意味が分からなかったのもあって…。

  • As of publish date(Number of Postsが効かなくなるんでオフにしてます)
  • Don’t truncate…(Content絡みは全部オフにしたのでオフで問題ありません)
  • Use special styles(オンとオフの違いが分からなかったのでオフにしてます)

以上で設定は完了です。

ウィジェット表示

サイドバーに表示させたい場合には、WordPress管理画面の「外観」からウィジットを選び配置します。ウィジット名は「Rec. Reading」です。私の場合は、サイドバーじゃなくてページを作ることにしたんで、ウィジットは使ってません。

ページ(記事)表示

ページに設定する場合には、shortcodeを使います。やり方は超簡単。HTMLに

recreading

と記載して[と]で囲むだけ。たったそれだけでページを作ってくれます。

自分好みのレイアウトへ

デフォルトのレイアウトでも良いかなーとも思ったんですが、いつもblogで紹介するレイアウトにしたいなー、更に@donpyさんのFocusのような感じが良いなーと色々とphpをいじりまして、好みのレイアウトにしてみました。googlereader.phpというファイルを編集したんですが、いじったところは以下の3点のみ。

  • 記事リンクにサイト名を付加して、はてブ数も表示させるようにした
  • 元サイトの行には、URLそのものを表示させるようにした
  • メモの内容が際立つようにstrongタグやbrタグをくっつけた

このエントリーを見て、試される方もいるかと思いましたので、参考までに私が編集したファイルをUPしておきます。以下、右クリックでファイルの保存をして落としてから確認して下さい。コメントで「hiro45jp」と入れてあるところがいじったところです。

編集は自己責任にて(;^ω^)出来上がったページを本blogの右上のタブ「My Check!!」タブに設置しました。ページを開く度に直近30件のGoogleリーダー共有アイテムを持ってきます。これずーっとやりたかったので凄く嬉しいなー(´∀`)

My Check!!の2次加工

WordPress上は、recreadingと書いてあるだけなんで「メモに追記」は出来ません。ですが、結果を単純にHTMLの要素として抜き出し、blogの下書きにペースト。その上でメモを編集すれば、かなり楽に雑記が書けるかなーと思います。以前、donpyさんやひとぅさんが紹介されてたTwilogを使ったやり方よりも簡単かもしれませぬ。

以上で説明は終わり。

それにしてもWordPressのプラグインって何でもあるなー。凄いっす!

(追記)
先日からTopsyというTwitterのRetweet分析のプラグインも導入してます。そんなこんなも含めまして「Plugins」という本blogの右上にあるページも更新してますので、宜しければ見て下さいましm(_ _)m WordPressユーザーが多くなってきて嬉しいなー。

自分で備忘メモを残しておかないと、収拾がつかなくなってきてます(;^ω^)

-

タグ: Googleリーダー, hiroスタイル, Plugin, WordPress

Similar Posts:

30 Comments

  1. [...] WordPressにGoogle共有アイテムを自動表示させる/普通のサラリーマンのiPhone日記 [...]

  2. roguer より:

    素晴らしいですねこのプラグインは。
    ところで加工後のPHPファイルがダウンロードできません。拡張子がPHPなのでサーバ側で処理がされてしまうようです。TXT等に変更してもらえると嬉しいかも。

  3. [...] なんだか、胸騒ぎがするようなエントリーがあったりした今日なんですが、明日色々と実験してみたいです。 [23:41] ドコモ回線でiPadを! [...]

  4. hiro45jp より:

    roguerさん>

    コメントありがとうございます。
    早速、TXTにしてみました。ご確認下さいな−。
    ほんっとこのプラグイン、凄いっす。
    実は日本で紹介されたこと無かったこともあり、
    プラグイン検索して探したんです(´∀`)

  5. [...] WordPressにGoogle共有アイテムを自動表示させる 普通のサラリーマンのiPhone日記 [...]

  6. [...] 普通のサラリーマンのiPhone日記 Rotating Header Image WordPressにGoogle共有アイテムを自動表示させる [...]

  7. [...] Posted WordPressにGoogle共有アイテムを自動表示させる | 普通のサラリーマン <b>…</b>. [...]

  8. [...] Today’s Focus ◆ 普通のサラリーマンのiPhone日記 WordPressにGoogle共有アイテムを自動表示させる iPhone振り返り雑記(5/6〜5/15) [...]

  9. roguer より:

    見えました。
    ありがとうございます。
    さっそく完全絶賛コピー中でございます。
    私は共有→Delicus→メール(FeedBunner)でこの情報をどうにかしようと考えていた(まさに数日前)のですがこちらは手軽でかなりイイですね!

  10. [...] WordPressにGoogle共有アイテムを自動表示させる Published 10101010/0505/1616 0505:0505:3333 Source 普通のサラリーマンのiPhone日記 [...]

  11. [...] ▽WordPressにGoogle共有アイテムを自動表示させる | 普通のサラリーマン … (May 15, 2010 8:09:33 PM) [...]

  12. [...] ■ WordPressにGoogle共有アイテムを自動表示させる (普通のサラリーマンのiPhone日記) [...]

  13. [...] の記事を参考に、というか真似なんですけど。 WordPressにGoogle共有アイテムを自動表示させる 普通のサラリーマンのiPhone日記 [...]

  14. hiro45jp より:

    rogueさん、
    コメント遅くなってごめんなさい。WPのプラグインってホント宝の山です。
    iPhoneアプリを探すように楽しんでます。rogueさんのニュースはいつも
    楽しみにしてます。今後とも、宜しくです!!

  15. Ranime-Wiki より:

    面白い情報ですね、興味があります

  16. Ranime-Wiki より:

    いいblogですね
    読んでしまいました
    ありがとう

  17. [...] 例えば、WordPressにGoogle共有アイテムを自動表示させる | 普通のサラリーマンのiPhone日記と組み合わせればWordPress上で参考ドキュメントとしてのPDFファイルを任意の尺度で分類して紹介す [...]

  18. hiro45jp より:

    Ranime-Wikiさん>
    コメントありがとうございます。
    嬉しいです。

  19. [...] これまた@hiro45jpさんのエントリー、WordPressにGoogle共有アイテムを自動表示させる | 普通のサラリーマンのiPhone日記を参考にWordPressプラグイン、Recommended Reading: Google Reader Sharedを導入しま [...]

  20. [...] この内容はhttp://iphone-diary.com/?p=5966からの引用です。 [...]

  21. [...] @hiro45jpさんのサイトを見て、Google Reader共有記事をクリップ風に載せてみる。 今まで気になった記事はGoogle Readerでスターをつける、Deliciousで登録する、などしていたが、他の人とShareす [...]

  22. sscr より:

    こちらの記事を参考にさせて頂き、ブログに自分のはてブのRSSをリスト形式
    で表示する事が出来ました!大変有用な内容で参考になりました!
    ありがとうござます!

  23. hiro45jp より:

    sscrさん、

    コメントありがとうございます。
    サイト見させて頂きました。素晴らしく美しいサイト!!
    ビックリしちゃいました(゚Д゚ )

    こちらこそ参考にさせて頂きます。
    今後とも宜しくです。

  24. [...] WordPressにGoogle共有アイテムを自動表示させる [...]

  25. [...] WordPressにGoogle共有アイテムを自動表示させる | 普通のサラリーマンのiPhone日記. [...]

  26. [...] Googleメモ共有 for Rec.Reading(FocusHtmlのWPプラグイン版) [...]

コメントをどうぞ

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>