Progression4とa-blog cmsの連携（後編）

a-blog cmsの設定を変更

ではa-blog cms側をカスタマイズしていきます。

画像サイズ

まずは、アップロードする画像のサイズを変更したいので、管理画面→カスタマイズ管理→コンフィグ→エントリー→編集設定に移動します。

今回使う画像は、サムネイル画像（200px×100px）と詳細ページに表示する大きめの画像（400px×200px）なので、サイズセレクト→イメージサイズ選択肢の値を以下の様に変更してあげます。

画像URLサイズ選択肢の方も同じ様に変更しておきます。

続いて、イメージ編集→モバイル用画像の最大幅の値も変更してあげます。

イメージサイズや画像URLサイズを200pxに設定しても、ここのモバイル用画像の最大幅が160pxだった場合、画像をアップロードすると作成されるtinyの画像が、160pxになってしまいました。

なので、ここの値も200pxに変更してあげます。

圧縮率は画像編集ソフトの方で設定しているので、a-blog側では100%に設定してあります。

カスタムフィールドの作成

詳細ページから、「→もっと詳しく」のボタンを押した際に遷移するブログ記事のURLを格納しておくカスタムフィールドを作成します。

作り方は、a-blog cmsのカスタムフィールドを使う際の注意点の記事をご覧下さい。

ソースだけ掲載しておきます。（テーマフォルダ\themes\vicuna\admin\entry\entry.html）

<!-- BEGIN_MODULE Admin_Entry_Edit -->
<!-- BEGIN step#apply -->
（略）
<tr class="detail-fade-body">
　　　　<th>トラックバック</th>
　　　　<td><textarea name="trackback_url" cols="30"></textarea>
　　　　<input type="hidden" name="entry[]" value="trackback_url" /></td>
</tr>
<!--以下の記述を追記-->
<tr class="detail-fade-body">
　　　　<th>Blogの記事へ</th>
　　　　<td><input type="text" name="blogpost" size="50" class="entryFormInputText" />
　　　　<input type="hidden" name="field[]" value="blogpost" /></td>
</tr>
<!-- END step#apply -->
<!-- BEGIN step#reapply -->
（略）
<tr class="textM detail-fade-body">
　　　　<th>トラックバック</th>
　　　　<td><textarea name="trackback_url" cols="30">{trackback_url}</textarea>
　　　　<input type="hidden" name="entry[]" value="trackback_url" /></td>
</tr>
<!--以下の記述を追記-->
<tr class="textM detail-fade-body">
　　　　<th>BlogURL</th>
　　　　<td><input type="text" name="blogpost" size="50" value="{blogpost}" />
　　　　<input type="hidden" name="field[]" value="blogpost" /></td>
</tr>
（略）
<!-- END step#result -->
<!-- END_MODULE Admin_Entry_Edit -->

このファイルもテーマフォルダ内に階層構造を保ったまま、アップしてあげます。

エントリする

ここまで終わったら、あとは記事を投稿してくだけです。

画像をアップする際、400×200pxのものを事前に用意し、サイズは「そのまま」でアップロードします。

すると、●●●●.jpg（400×200px）とtiny-●●●●.jpg（200×100px）がアーカイブフォルダ内に作成されます。

こうしておくと、昨日のテンプレートのpathと設定しているところには、●●●●.jpg（400×200px）へのリンクが。tiny_pathと設定しているところには、tiny-●●●●.jpg（200×100px）へのリンクが、それぞれ作成されることになります。

あとは、ファイル名をPRMLのscene nameに。BlogURLを、ブログの詳細記事へのリンクとして使いたかったので、それぞれ以下の様に設定していきます。

ここまで出来たら、投稿を保存します。

a-blog cmsのディレクトリ/ファイル名.xmlにアクセスしてあげて、投稿した値がXML側に反映されていれば、OKです。

吐き出されるFeed（XML）を、Progression側で読み込んであげる

ここら辺りも、MTやWPの場合と同じですね。

override protected function atSceneLoad():void {
　　　　addCommand(
　　　　　　　　new LoadURL( new URLRequest( "a-blog cmsのディレクトリ/ファイル名.xml" ) ),
　　　　　　　　function() {
　　　　　　　　　　　　trace(this.latestData);
　　　　　　　　}
　　　　);
}

Progression4の場合だと、LoaderListという便利なものがあるので、それを使ってあげるといいかと思います。