アクセス数: | 今日: | 昨日:   記事数:996

HOMESITE MAPBOOKMARKTAG CLOUD

【WordPress】iTunesのRSSを表示させる方法

『【WordPress】iTunesのRSSを表示させる方法』をはてなブックマーク

iTunes & RSSiTunes Storeはトップ10やトップ25などのRSS配信をしています。
RSSリーダーで読む事も、WordPressではなくても表示させる事は可能です。
私がWordPressを使ってるってだけです。

WordPressでのRSS表示方法は以前書いた『【WordPress】外部RSSを取得して表示する方法』の方法を使っています。
この方法を使ってWordPress上に表示させてみます。
『sidebar.php』など、PHPファイルに書くのであれば何の問題もありませんが、ページを使って表示させる場合はPHPで書いていますので、以下のプラグインが必要になります。

Bluesome
Exec-PHP plugin for WordPress

このプラグインを入れると、記事内だろうがページ内だろうが、どこでもPHPを書く事が出来ます。

以下はWordPressのページを使って、無料ゲームアプリ トップ10を表示させています。

米が好き
App Store 無料ゲームアプリ トップ10

説明文の開閉はjQueryを使用しています。
では、サンプルページのように表示させる方法。

まず、以下のサイトでRSSフィードを取得します。
Apple – iTunes – RSS Generator
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

Trackback URL

リンク先が18禁サイトの場合は削除しています。
当ブログにリンクが貼られていない場合は削除しています。
Tag : , , , ,

コメント (1)

  1. 5本指 旅行者にとって、もしかするとひとペアの適当な靴を探し当てるのが別にそんなに簡単でなくて、少し軽便な様子はまた美しくありませんて、スタイルは美しくて、着てまた気分が悪いです。今もう悩み煩っていません。だんだん多くなる人が 5本指 シューズ を発見したためです。5本靴は非常に不思議な靴です。一般のものとは異なる特質、みんなをだんだんに好きにならせます。今もしあなたはまだ5本指靴を着るならば、そんなに惜しすぎて、すぐに Fivefingersの非常に不思議さを体験しにくるようにしましょう。http://www.vibramtrek.com

トラックバック (1)

  1. iPhone/iPad D’s Focus【20100428-29版】〜iPad版SIMがdocomoから。 | 覚醒する? @CDiP
    [...] ◆ 米が好き 【WordPress】iTunesのRSSを表示させる方法 http://kome-suki.net/archives/7663 [...]

コメントを書く

必須です。

必須です。(公開されません)
GRAVATARに登録していると、アイコンが表示されます。

リンク先が18禁サイトの場合は削除しています。

以下のタグが利用出来ます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Additional comments powered by BackType