« Archive 2017/08 12345678910111213141516171819202122232425262728293031 »

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


詳細


カテゴリ:スポンサー広告
このページのURL:http://bigchocolate.blog120.fc2.com/?overture" target="_new
記事が作成された日時:--/--/-- --:--:--(--)
コメント数:-
TrackBackの数:-

Comment

Comment Form





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

TrackBack


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


カテゴリー

月別アーカイブ

RSSリンク

ブログ全記事表示

全ての記事を表示する


あわせて読みたいブログパーツ
ページランク スカウター : bigchocolate
フィードメーター - bigchocolate
SEO対策 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。