WordPress で生成される URL には、たいていの物に RSS フィードが生成されます。
例えば「claudia」で検索した結果は、以下の url で参照できますが
© 2011 Microsoft Corp. All Rights Reserved.
これの RSS フィードは、以下の URL から取得できます。
https://dogmap.jp/feed/?s=claudia
これと Google Ajax Feed API を利用すると、JavaScript でリスト表示することができますね。
参考: Google AJAX Feed API
また、私が作った Feed JSON プラグインを使えば JSON で出力できるので、さらにらくちんです。
生成される JSON Feed は、こんな感じ。
https://dogmap.jp/feed/json/?s=claudia
WordPress で JSON, JSONP 形式のデータを吐き出すプラグイン WordPress › Feed JSON を公式プラグインディレクトリで公開しました。
ダウンロードは、以下から。
WordPress > Feed JSON « WordPress Plugins
このプラグインを導入することで、<script type="text/javascript" src="https://dogmap.jp/feed/json?callback=callback"></script> みたいな感じで呼び出してやれば、JSONP 形式で最新記事の一覧を取得できます。
これで、簡単に他サイトや静的HTML上に簡単に更新情報を表示できるようになります。
詳しいやり方は、以前のエントリを参考にしてください。
WordPress の更新情報を JSONP 形式で出力 : dogmap.jp
続きを読む
さて、昨日のエントリの続き。
「Googlle AJAX Feed API なんて外部のサービスに依存したくないんじゃ！」という人のために、昨日と同様のことを自前で行うための方法。
WordPress の更新情報を JavaScript で取得して表示するには AJAX と呼ばれる技術を使います。
しかし、http を通してデータを読み込むための XMLHttpRequest では、制限として別ドメインのデータを読み込むことができません。
これを回避する方法が JSONP です。
hiromasa さんが、昨日のエントリにトラックバックしてくれた静的 HTML に WordPress を埋め込む方法を用いて JSONP 形式で、WordPress の最新記事を取得してみましょう。
続きを読む