ebicology

【WordPress】jQuery Feedsを使ってHTMLサイトにWordPress記事の一覧を表示する

WordPressで書いた記事をHTMLサイトで新着一覧として出力するため、Google Feed APIの代替手段で「jQuery Feeds」を使いました。
でも問題発生！

Googleキャッシュが更新されるまで記事一覧も更新されない。
そこでもう少し調べてみると、分単位でキックする方法がわかりました。

↓の記述より先にjQueryFeedsのライブラリ読み込んでます。

$(function(){
 $('.feed').feeds({
 feeds : {
 feed1: "http://サイトURL/information/feed/?news=newsinfo&" + "?" + (new Date()).getTime()
 },
 max:5,
 preprocess: function ( feed ) {
 var date = new Date(this.publishedDate);
 var dq = date.getMonth()+""+date.getDate()+""+date.getHours();
 var yy = [date.getFullYear()];if (yy < 2000) { yy += 1900; }
 var mm = [date.getMonth() + 1];if (mm < 10) {mm = "0" + mm;}
 var dd = [date.getDate()];if (dd < 10) {dd = "0" + dd;}
 this.publishedDate = yy +'/'+ mm +'/'+ dd;
 },
 entryTemplate : 'entryTmpl',
 });
});

フィードURLのお尻に、現在の時刻をくっつけることで、刻々とURLが変わるという仕組みです。
アクセスする度にURLが異なるのでキャッシュのお世話にならない。すばらしい。

キャッシュにはいろいろ苦しめられてきました。

正直、下の方（varの記述あたり）って要らないのかもしれないけど、これで動いたのでこれでいいかなと。

おまけ

上記の内容だとHTMLの方はこうです。

&lt;ul>
&lt;div class="feed">&lt;/div>
&lt;/ul>
&lt;script type="text/html" id="entryTmpl">
&lt;li>&lt;a href="&lt;!=link!>">&lt;!=title!>&lt;/a>&lt;/li>
&lt;/script>

これだとタイトルだけのリストだから日付も付けたい時はこう書くといいです。

&lt;dl>
&lt;div class="feed">&lt;/div>
&lt;/dl>
&lt;script type="text/html" id="entryTmpl">
&lt;dt>&lt;!=publishedDate!>&lt;/dt>&lt;dd>&lt;a href="&lt;!=link!>">&lt;!=title!>&lt;/a>&lt;/dd>
&lt;/script>

Comments

コメントを残す