iTunes Storeはトップ10やトップ25などのRSS配信をしています。
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。
私がWordPressを使ってるってだけです。
WordPressでのRSS表示方法は以前書いた『【WordPress】外部RSSを取得して表示する方法』の方法を使っています。
この方法を使ってWordPress上に表示させてみます。
『sidebar.php』など、PHPファイルに書くのであれば何の問題もありませんが、ページを使って表示させる場合はPHPで書いていますので、以下のプラグインが必要になります。
このプラグインを入れると、記事内だろうがページ内だろうが、どこでもPHPを書く事が出来ます。
以下はWordPressのページを使って、無料ゲームアプリ トップ10を表示させています。
説明文の開閉はjQueryを使用しています。
では、サンプルページのように表示させる方法。
まず、以下のサイトでRSSフィードを取得します。
Apple – iTunes – RSS Generator
今回は『Japan / App / 無料 app / 10 / ゲーム』で取得しています。
ページを作成し、以下のコードを書きます。
<?php
$rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
$maxitems = 10;
$items = array_slice($rss->items, 0, $maxitems);
if (empty($items)) echo 'No items';
else
foreach ($items as $item) :
?>
~~~~~
<?php endforeach; ?>
取得したRSSフィードをコピペし、表示する数を10に設定しています。
『~~~~~』の所に好きなようにデザインします。
RSSからの情報は『$item』に格納されます。
配列に入っているデータは以下のようになります。
| 名 称 | 表示コード |
| アップデート日 | <?php echo $item['updated']; ?>
|
| ID | <?php echo $item['id']; ?>
|
| タイトル | <?php echo $item['title']; ?>
|
| 説明文 | <?php echo $item['summary']; ?>
|
| 名前 | <?php echo $item['im']['name']; ?>
|
| 期間 | <?php echo $item['im']['duration']; ?>
|
| 製作者 | <?php echo $item['im']['artist']; ?>
|
| 価格 | <?php echo $item['im']['price']; ?>
|
| アイコン | <?php echo $item['im']['image']; ?>
|
| リンク | <?php echo $item['link']; ?>
|
| リリース日 | <?php echo $item['im']['releasedate']; ?>
|
| 1枚目のスクリーンショット | <?php echo $item['link_enclosure']; ?>
|
| コピーライト | <?php echo $item['rights']; ?>
|
| 全文 | <?php echo $item['atom_content']; ?>
|
注意点1
アイコンは3つのサイズがあり、『image』の中に3つ分のURLが入っています。
それをそのまま書いても表示されないので、100×100のアイコンを表示させる場合、以下のような文になります。
<img src="<?php echo substr($item['im']['image'],162,245); ?>" />
PHPのsubstrで162(161)文字目~245(244)文字目を出力するようにしています。
数値は0から始まります。
ちなみに175×175の大アイコンもあるようで、その場合はこちら。
<img src="<?php echo substr($item['im']['image'],0,69); ?>175x175-75.jpg" />
注意点2
ジャンルとカテゴリーに関してはRSS内に入っていないので、手書きする必要があります。
最後に、サンプルページの全内容です。
<h2 class="title">AppStore 無料ゲームアプリ トップ10</h2>
<?php
$rss = fetch_rss('http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/ws/RSS/topfreeapplications/sf=143462/limit=10/genre=6014/xml');
$maxitems = 10;
$items = array_slice($rss->items, 0, $maxitems);
if (empty($items)) echo 'No items';
else
foreach ($items as $item) :
?>
<div class="entry_title_top"></div>
<h2 class="index_title"><a href="<?php echo $item['id']; ?>" target="_blank" style="font-size:16px;"><?php echo $item['im']['name']; ?></a></h2>
<div class="entry_title_btm"></div>
<div style="float:left; width:250px;">
<img src="<?php echo substr($item['im']['image'],162,245); ?>" />
<strong>価格:</strong> <?php echo $item['im']['price']; ?>
<strong>カテゴリー:</strong> ゲーム
<strong>リリース:</strong> <?php echo substr($item['im']['releasedate'],0,10); ?>
<strong>アップデート:</strong> <?php echo substr($item['updated'],0,10); ?>
<strong>販売業者:</strong> <?php echo $item['im']['artist']; ?>
<strong>コピーライト:</strong> <?php echo $item['rights']; ?>
</div>
<div style="float:right; width:330px; text-align:right;">
<img src="<?php echo $item['link_enclosure']; ?>" class="pict" width="300" />
</div>
<div style="clear:both;"></div>
<div class="entry_box" style="margin-bottom:30px;">
<div class="title">■原文説明</div>
<div class="intro"><?php echo $item['summary']; ?></div>
</div>
<?php endforeach; ?>
デザイン部で改行が変になっているのは、『
brBrbr』を入れている為です。
注意点3
RSSを表示しているだけなので、
LinkShareは使えません。
『
Yahoo Pipes』を使えば出来るようですが、そこまで調べていません。
『
app-store.org』、『
BuzzApp!』、『
CatchApp』なんかはシステムでしてそうですけど、どうやってiTunesからのデータを引っ張って来ているのかを知りたい。
そうすれば
LinkShare貼ってゴニョゴニョ出来るのに。w