« Archive 2008/05 12345678910111213141516171819202122232425262728293031 »

jQueryで無理やり関連エントリーを表示させる FC2ブログテンプレート

FC2ブログで関連エントリーリスト
FC2ブログの関連エントリーを表示させることができないかなぁ?なんて検索していたら、辿りついたサイト。テンプレートにタグを貼り付ける事で関連記事を表示させることができるらしい。PHPでやっているみたいです。なるほど、こういうやり方もあるのかぁと。しかしながら、利用者が増えた場合は、サーバーの負荷もすごそうではある。というわけで、関連記事をなんとか表示することができないか?と考えてみた。

とりあえずやってみたのは、FC2ブログのテンプレートを利用して、XMLを作成するの方法。この時点で自己責任ネタになっているのをお忘れなく(笑)で、iframeとして表示させてみるか?と。そして、以下のようなテンプレートを作成。
<ul>
<!--topentry-->
<li><a href="<%topentry_link>"><%topentry_title></li>
<!--/topentry-->
<li>[<%ad>][<%ad2>]</li>
</ul>
関連記事だから記事タイトルとリンクを使うというシンプルなものでいいと思うのでこんな感じで。
http://bigchocolate.blog120.fc2.com/?template=kanren
これをプレビューするとトップページに表示される記事のタイトルが出てくるだけだから、 http://bigchocolate.blog120.fc2.com/?tag=%A5%C6%A5%F3%A5%D7%A5%EC%A1%BC%A5%C8&template=kanren
?tag=を入れてあげてタグ検索させる。タグ名:テンプレートで検索かけてる。ちなみに、環境設定のタグ検索時の記事数は10件に設定してあります。試してないけどカテゴリーでもいいかも。そして、 adをなんとなくコメントアウトしたくなる気持ちを抑え、プレビューしてみると・・・入れ子になったので仕切りなおし(笑)

データを読み込ませるのってなんかあったなぁと、AJAXやJSONPを真っ先に思いついたんだが、検索して出てきた記事を読んでると、時間がかかりそうなのでやめ(笑)というか、AJAXもJSONPも何それ?って感じなんですけどね(笑)そして、そういや、jQueryなんてものもあったな?と、最近、ホームページを作る人のネタ帳のサイトでいろいろサンプルがあったよね?と思い出して、アクセスしてみると、使えそうなサンプルを発見(笑)

とりあえず一番簡単そうなのでいいわってことで。あとは、タグをエンコードさせないとダメやろうから、<%topentry_tag_list_parsename>(設定したタグリストのURLエンコード化したタグを表示)を使う。そしてできたのが以下のようなタグで、これをテンプレートに貼りつける。もちろん<!--topentry-->の中で。
<script type="text/javascript">
$(document).ready(function (){
<!--tag_list-->
$("#load1").load("<%url>?tag=<%topentry_tag_list_parsename>&template=kanren");
<!--/tag_list-->
});
</script>
<div id="load1">
</div>
↓実行したサンプル
■関連記事
ちょっと表示されるのに時間がかかったり、微妙なところが多々あるか。タグが複数あった場合きちんと表示されてないような。load1,2って連番にしていかんとダメなのかなぁ。その辺はjQuery、javascriptに詳しい人がなんとかしてくれたらありがたい(笑)まあ、ここからは、ランダムに表示させてみたり、ページを遡る処理を書いてみたりと、いろいろやっていくんやろうね。また、カテゴリーで表示させるのもいいかもしれないし、その辺はお好みで。後は偉い人に任せた!というか、FC2が関連記事を表示させるものを作ってくれたらいいと思います(笑)
ニュータイプなjQueryその2-jQuery導入方法
ちなみにこの記事も参考にしました。jQueryおもしろそーっていうのは、今回のでなんとなく分かったんですが、こちらのサイト見てるともっとハマってしまいそうな感じです(笑)いろんなことが簡単にできるっていうのはいいですね。

FC2ブログで、自動で関連記事リストを表示する方法。
同じようなことをやってる方を発見!こちらは、iframeで。

FC2ブログで「関連記事」「関連エントリー」を表示する方法
関連エントリーを表示する方法がまとまっています。Google AJAX Feed APIを利用したやり方もあるんですね。なるほど。


詳細

タグ:FC2ブログテンプレートjQuery
カテゴリ:FC2ブログテンプレート
このページのURL:http://bigchocolate.blog120.fc2.com/blog-entry-562.html
記事が作成された日時:2008/05/01 10:18:30(木)
コメント数:0
TrackBackの数:0

Comment

Comment Form





管理者にだけ表示を許可する

TrackBack


月別アーカイブ

2008/05
2008/04
2008/03
2007/11
2007/06

カテゴリー

タグ

広告 Transcoding_nellyToMp3.ini Twitter jQuery firefox Google_AdSense ブックカバー WEB gizmo JW_Image_Rotator ソフト お茶らむね API piyo Nellymoser テンプレート 携帯動画変換君 木村祐一 書皮 ブックパッカー 透明付箋紙 FC2 デザイン ラーメン ファイナンス メタタグ 地球の歩き方 ゆうちょ銀行 Flash 無料電話 マイルドセブン sox Keywords  ガジェット 文具 ケビン・ミトニック レーシック みつばちトート 売買 SOX カレー XML くりやん ギャル曽根 トラベラーズノート ホテル はてな WEBサービス XMLRPC マル獄 nelly2pcm 飲料 Skype4COM カスタマイズ Skype 宿泊 Fカップ レスポートサック 日経平均 キーワード description フォトログ 紗綾 SEO マンション FLV PHP ほしのあき 煙草 金融 テクトニック JAVA wav デジタルペン  perl FFmpeg LAME  ニュース JW_FLV_Media_Player 遊戯 住宅 グルメ 経済 空ビ レーザー・レーサー mp3 玩具 FC2ブログ 携帯電話 料理  フライターグ midomi UNIX  


あわせて読みたいブログパーツ
ページランク スカウター : bigchocolate
フィードメーター - bigchocolate
SEO対策