ブログやニュースのRSSを自分のホームページに表示させる

2010-01-18T01:25:53+09:00

RSSは今やブログやニュースなど様々なところで利用されています。
そんな中、たとえば自分のブログの新着記事を自分のホームページに表示させたいことがあります。
しかも自動で！（まぁRSSという概念からして当然ですが・・・）

ただその方法がいまいちわからないと言う人も多いのではないでしょうか。
実際はそれなりに簡単です。
使うのはインラインフレームとmagpieRSSというPHPを利用すれば
簡単に自分のサイトに表示させることができます。

まずはmagpieRSSをダウンロードしてください。

RSS取得用ファイル
http://www.kens-cube.com/my/upload/rss.zip

ダウンロードしたらZIP形式に圧縮しているので解凍を行ってください。
解凍するとRSSという1つのフォルダができます。
この中でいじるのはmagpieフォルダ内のrss.phpだけです。
htmlファイルはサンプルでRSSを表示させるためのインラインフレームがかいてあるだけです。
rss.phpをメモ帳かエディタソフトで開きます。

そうすると上のほうに
$url =
という箇所があります。
ここにRSSのURLを入れるだけです。

RSSのURLがわからない場合は、
ブログやニュースなどにRSSというボタンがよくありますよね。
あそこを押したときにでるURL（アドレス）のことです。
あのRSSボタンを押すと意味不明な文字列に困惑しますが、
あれは人間が見るためではなくRSSを取得するための記述ですので、
文字列は気にせずURLだけをコピーしましょう。
URLの最後はrss.xmlやatom.xmlなどになることが多いです。

それでサーバーにRSSフォルダごとアップしてインラインフレームでrss.phpを読み込みます。
例）

このタグをサイトの表示させたいところに挿入すればOKです。
（URLはおのおののサイトにあわせて設定してください。相対パスでも絶対パスでもOKです）
そのほかrss.phpの中にあるlistタグにブログなどのタイトルが表示されます。
ここはスタイルシートを使って自由に変更できます。

PHPではechoのあとがhtmlとして出力されます。
ですのでこの場合かなり自由にいじることができます。
（いじらなくてもデフォルトでいい感じで表示されるように設定しています）

いまさらですが、これはレンタルサーバーでのみ可能なことがほとんどです。
無料サーバーのほとんどがPHPを使うことができませんので・・・。

ちなみにトップページ右側にあるニュースなどはyahooのRSSを取得して表示させています。それをjavascriptを使ってタブメニューにしているだけです。

Webに関する備忘録

ブログやニュースのRSSを自分のホームページに表示させる