ProgressionとWordPressの連携

WordPressでも（MTと）同じようなことが出来ないかな？　と思って、あれこれググっていました。

★参考にさせていただいた記事

• 『WordPressでFlash用に複数のxmlを出力する方法』（5ive.infoさん）
• WordPressページ（WordPress Codex日本語版）

5ive.infoさんの記事を見て、「なるほど〜、こうすればWordPressでもXMLが出来るのね！」と理解。

WordPress Codex日本語版の方にも、詳しくページテンプレートの作成方法が掲載されていたので、理解をさらに深めました。

この2つの記事を参考にさせて頂き、PRML形式のXMLを吐き出すページテンプレートを作ってみました。

PRML形式のXMLを吐き出すテンプレート

<?php /*
Template Name: scenedataXML
*/ ?>
<?php header('Content-Type: text/xml; charset='.get_option('blog_charset'), true); ?>
<?php echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.'>'; ?>
<?php echo '<prml version="2.0.0" type="text/prml">'; ?>

<?php query_posts("order=ASC"); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<scene name="<?php echo c2c_get_custom('scene_name'); ?>" cls="flabaka.scenes.ImageScene" title="<?php echo the_title(); ?>">
<num><?php echo c2c_get_custom('scene_name'); ?></num>
<cap><?php echo the_title(); ?></cap>
<path><?php echo the_content_rss(); ?></path>
<date><?php echo the_date('Y-m-d'); ?></date>
<category><?php $cat = get_the_category(); $cat = $cat[0]; { echo $cat->cat_name;} ?></category>
</scene>
<?php endwhile; endif; ?>
</prml>

11行目に、c2c_get_custom(‘scene_name’);という見慣れないものがありますが、これは後ほど解説します。

このファイルを保存して、wp-content>themes>使用しているテーマのフォルダに入れます。

次に、テンプレートファイルを用いてXMLを吐き出すフィードを作成してみます。

ページからフィードを作成する

メニューからページに移動して、現在あるAbountページを編集。もしくは新規追加を行います。

名前は適当に（僕はscenedataXML）つけます。

次に画面右の属性のテンプレートを見てください。

通常はデフォルトテンプレートが選択されています。

先程、作成したテンプレートをテーマフォルダにアップしました。するとリストの中から選択出来るようになるので、scenedataXMLを選択しておきます。

で、保存しておきます。

記事を投稿する

次に記事を投稿します。

MTの時と同様に、タイトル、カテゴリなどを入力していきます。

記事を書くフィールドで、画像をアップロードします。（アップロード先はimagesフォルダにしてあります）

その際、ファイルのURLボタンを押し、アップロードするファイルのパスも挿入されるようにしておきます。

すると、こんな感じで表示されます。


<a href="http://localhost/wordpress/wp-content/images/2009/07/image3.jpg">
<img src="http://localhost/wordpress/wp-content/images/2009/07/image3.jpg" alt="image3"
title="image3" width="1024" height="768" class="alignnone size-full wp-image-22" /></a>


MTの時は、ファイルのパスのみを簡単に取得出来ますが、WordPressではちょっと手間が掛かります。（単に僕が知らないだけかもしれませんが…）

コードを以下の様に、ファイルのパスのみを残し、あとは消去してしまいます。

http://localhost/wordpress/wp-content/images/2009/07/image3.jpg

で、次に、sceneの属性であるnameをどこで設定しようか迷ったんですが、今回はカスタムフィールドを使うことにしました。

カスタムフィールドの箇所に、以下のように設定します。

今回はscene_nameというフィールドを新たに設定し、値にmusiumと入力してみました。

ちなみにですが、一度作成したカスタムフィールドは、次回からリストで選択可能になります。

ここまで終わったら、公開ボタンを押しておきます。

カスタムフィールドの値を取得する

設定したカスタムフィールドの値を取得するには、どうするか？　ですが、『カスタムフィールドの使い方』（WordPress Codex 日本語版）にいろいろ書いてあります。

でも、もっと（サクッと）簡単に値を取得出来ないものか？　と思って、プラグインを探していたら、ありました。

『Get Custom Field Values』というプラグインです。

ダウンロード→解凍→プラグインフォルダにアップ→プラグイン管理画面から、プラグインを有効にしておきます。

あとは、カスタムフィールドの値を表示させたい箇所で、c2c_get_custom(‘カスタムフィールド名’);としてあげれば、自動的に設定したカスタムフィールドの値を取得してくれます。（先程の場合だと、musiumが表示されます）

<?php /*
Template Name: scenedataXML
*/ ?>
<?php header('Content-Type: text/xml; charset='.get_option('blog_charset'), true); ?>
<?php echo '<?xml version="1.0" encoding="'.get_option('blog_charset').'"?'.'>'; ?>
<?php echo '<prml version="2.0.0" type="text/prml">'; ?>

<?php query_posts("order=ASC"); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<scene name="<?php echo c2c_get_custom('scene_name'); ?>" cls="

先のソースで、このように記述していたのは、その為です。

では、ページから、先程作成したscenedataXMLを表示させてみます。

フィードを表示してみる

scenedataXMLのページに移動します。

すると、タイトルの下にこんなものが表示されていると思います。

ここで、ページを表示ボタンを押すと、投稿した記事からPRML形式のXMLを生成したものが表示されます。

で、ページの画面に戻って、パーマリンクというものがあるかと思います。（パーマリンクを変更せず、デフォルトのまま使っています）

これを使って、Progressionで表示させてみます。

Progressionで表示させてみる

protected override function _onLoad():void {
　　　　// 実行したいコマンドを登録します。
　　　　addCommand(
　　　　　　　　new LoadURL( new URLRequest( "http://localhost/wordpress/?page_id=6" ) )
　　　　　　　　.after( function():void {
　　　　　　　　　　　　trace( this.data ); //trace(this.latestData)でもOK！
　　　　　　　　} )
　　　　);
}

こんな感じで、読み込んであげます。すると、XMLの値が取得出来ます。

Progression 3.1.62
Copyright (C) 2007-2009 taka:nium

<?xml version=”1.0″ encoding=”UTF-8″?>
<prml version=”2.0.0″ type=”text/prml”>

<scene name=”airport” cls=”flabaka.scenes.ImageScene” title=”空港”>
<num>airport</num>
<cap>空港</cap>
<path>http://localhost/wordpress/wp-content/images/2009/07/image1.jpg
</path>
<date>2009-07-13</date>
<category>建物</category>
</scene>

<scene name=”station” cls=”flabaka.scenes.ImageScene” title=”駅”>
<num>station</num>
<cap>駅</cap>
<path>http://localhost/wordpress/wp-content/images/2009/07/image2.jpg
</path>
<date>2009-07-14</date>
<category>建物</category>
</scene>

<scene name=”musium” cls=”flabaka.scenes.ImageScene” title=”美術館”>
<num>musium</num>
<cap>美術館</cap>
<path>http://localhost/wordpress/wp-content/images/2009/07/image3.jpg
</path>
<date>2009-07-15</date>
<category>建物</category>
</scene>

</prml>

あとはこれを使って、ほげほげしてあげればOK！

こんな感じで、WordPressでもMTと同じ様に出来ました。

WCANの際、Unknown Qualityのll_koba_llさんに、「画像のパスですが、サムネイル画像のパスとかもいけます（設定可能です）かね？」とのご質問を受けました。

まだ試してはいませんが、カスタムフィールドを使って、そこにサムネイル画像のパスを設定して、テンプレート側にも追記してあげれば、（表示用とサムネイル用の画像のパスを分けて表示させるのは）問題ないんじゃないのかなぁ…と思っています…

僕は大きい画像一枚をアップして、それをProgressionのCastImageLoaderで、表示用とサムネイル用に別々に読み込んで使っていました。

WordPressは画像をアップすると、自動的にサムネイル画像を作成してくれるので、サムネイルはそっちを使ってあげた方が、パフォーマンス的にも良さそうですね。

今度はそれに挑戦してみようと思ってます。

以上が僕のWCANネタです。