NP_Simplepie に拡張アドオン「simplepie_youtube.inc」を追加する

NP_Simplepie アドオン「simplepie_youtube.inc」でYouTube動画を表示した例

Simplepieは標準でいろいろなフィードをパースすることができますが、その他にも公式サイトで拡張アドオンがあり、とても便利なのですが、あまり利用されている情報を見たことがありません。

SimplePie Documentation: SimplePie Add-ons http://simplepie.org/wiki/addons/start

  • Cache Extras
  • del.icio.us RSS
  • Digg RSS
  • Jaiku RSS
  • Shopify
  • Yahoo! Weather
  • YouTube RSS
  • Google Calendar
  • Google Analytics

今回はその中でもYouTubeのフィードをパースする拡張アドオン、simplepie-youtube-addon を Nucleus のプラグインである NP_Simplepie で利用する方法をまとめます。



NP_Simplepie が導入済みであることを前提に記述します。

(1)Simplepieアドオンのダウンロード

simplepie-youtube-addon にある「simplepie_youtube.inc」をダウンロードし、サーバーのNucleusプラグインフォルダにある「simplepieフォルダ」へアップロードします。

(2)スキンへの記述

フィードを表示させるために、Nucleusのスキンへ記述を行います。
NP_Simplepie の表記ルールは下記の通りです。

<%simplepie(フィードURL,拡張クラス名,テンプレート名,表示記事件数,記事番号最大値,キャッシュ有効時間)%>

第2引数の「拡張クラス名」に、アドオンのクラス名を入れます。
NP_Simplepie のソースを読むと、

include_once dirname(__FILE__)."/simplepie/simplepie_".$extclass.".inc";

とありましたので、「simplepie_youtube.inc」というファイル名の場合は「youtube」というクラス名が適当です。よってスキンの記述例は下記のようになります。

<%simplepie(http://gdata.youtube.com/feeds/api/playlists/0717AF02CD0536D3,youtube,simplepie/index,8,,180)%>

(3)テンプレートへの記述

先ほどの例では、テンプレートに simplepie/index を指定しています。ここで自由にフィード項目をレイアウトすることが可能でしょう。実際のテンプレートの例を記述します。

<div class="movieBox">
        <div>
                <p><a href="<%permalink%>"><img src="<%youtube_thumbnail_url%>" alt="" /><br />
                <%title%></a></p>
        </div>
<!-- /.movieBox --></div>

これで下記のように、提供されているフィード項目で、任意にレイアウトしたYouTubeの動画を表示させることができます。

このようにして、アドオンのメソッドを任意に追加していくことができます。フィード提供先やAPIが、充実していればしているほど Simplepie と Nucleus によって詳細かつ柔軟なデザイン・システム開発が可能になることでしょう。NucleusとSimplepie、そして簡単に拡張されるようにプラグインを作成されている、作者のZeRoさんに感謝します。

/ /
Skooler Records

No comments yet

%3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%22%20%76%61%6c%75%65%3d%22%66%34%30%66%61%65%36%33%35%30%63%31%65%64%63%62%38%34%37%61%66%62%38%36%33%39%32%65%32%31%34%62%22%3e %3c%69%6e%70%75%74%20%74%79%70%65%3d%22%68%69%64%64%65%6e%22%20%6e%61%6d%65%3d%22%6e%70%5f%70%72%6f%74%65%63%74%62%79%6d%64%35%5f%68%61%73%68%22%20%76%61%6c%75%65%3d%22%66%32%37%30%38%64%37%30%61%32%39%30%36%31%35%63%31%32%66%35%32%65%31%35%35%33%32%36%36%37%65%30%22%3e
© 2006 – 2014 by Luvsic. Some rights reserved.