« 検索ボックスに勝手に文字を埋めてしまおう | Main | ニュースの質 »

Individual Entry

[IT]  トラックバックピープル改造

現在はPHP版多機能RSSリーダ記事で最新版を公開しています。
--
前に取り上げたBlogPeopleの機能の一つ、トラックバックピープルは好みの話題を更新順に並べてくれて便利でいい機能だが、表示の仕方に非常に不満を感じていたので自らいじってしまうことにした。 いわゆるRSSリーダを作ってみた。 サイト右下の「関連するブログ一覧」がその表示例となるが、CSSで比較的自由にカスタマイズできる。

過去の表示方法では話題のタイトルイメージが下に位置してしまっていたが、Webサイトは上からスクロールして見ていくものなので非常に分かりづらいし、これが縦に何種類も並ぶとさらに・・・・

ということで、以下が変更した点

  • BlogPeopleに2秒待っても繋がらない場合はタイムアウトして表示を諦める(fail soft機能)
  • 話題のタイトルイメージは上に持ってきた
  • Powered by BlogPeopleは複数の話題を表示しても最下に1つだけ表示する
  • タイトルイメージにカーソルをのせると話題の概要を表示
  • 記事リストにカーソルをのせると更新時間とともに一部本文を表示
  • Powered by表示領域に blogpeople-tbp-poweredby クラスを新たに設定
  • JavaScriptが無効でも表示できる(SSIやPHPが利用できれば)

PHPソースコードファイル1(起動用) PHPソースコードファイル2(ファイル1と同じディレクトリ「commonRSS.inc」というファイル名で置くこと) (常に最新)

使い方はまず上のソースコードの上部数行の「文字コード」と「BlogPeopleのRSSがあるURL(ex.http://www.blogpeople.net/display/TB_People/tbp03538.rdf)」を例のように自分の環境と好みにあったものへ変更/追加する。 (BlogPeopleのRSSのURLはスクリプト生成ページの"RSSコード"とラベルがついたテキストエリアで見れる)

そして設置するブログでPHPがそのまま呼び出せる場合はPHPソースをそのままコピペしてしまうか、(現在はコピペ非推奨)別ファイルにして読み込むようにする。
(注)ブログがPHPを使えても動的生成ページでなく静的ページの場合、再構築したタイミングでしか更新情報が反映されない。詳細はブログのヘルプ参照。

SSIが使える場合は、上記PHPソースを別ファイルにして、以下のようにSSIで動的に呼び出すようにする。
<!--#include virtual="/どこか/適当なファイル名.php" -->

SSI及びPHPが使えないブログは、Javascriptから外部呼び出して使えるはずだが未確認。

--追記
今回はトラックバックピープル用に作成したが、RSSリーダの雛形のように作ってあるためごく簡単に流用・拡張可能。
不具合、要望等あったら教えてください。

Author yasu : December 2, 2005 6:56 PM

Trackback

Trackback URL for this entry:

Trackbacked Blog:

» トラックバックピープル表示の改造 from 雑記帳@やすひさ
Trivial Tracks: トラックバックピープル改造 で紹介されているph... [Read More]

Tracked on December 3, 2005 9:22 PM

» トラックバックピープル表示方法変更 from PC・MT覚え書
Trivial Tracks: トラックバックピープル改造 こちらで紹介されて... [Read More]

Tracked on December 13, 2005 5:04 AM

Comment

わざわざコメントまで頂いてありがとうございました。
素敵なカスタマイズが出来て、本当に感謝です。
これからも、よろしくお願いいたします。

Posted by: ゆ~こ at December 13, 2005 11:15 PM

喜んでいただけたようでなによりです au_096.gif
また要望・不具合などあったらお気軽にいってください

それからそちらのブログに影響されて私も絵文字コメントにしてみました au_10.gif

コメント投稿でうまくいかないとのことですが、MT Smileyプラグイン作者のページを見ていたところ「ダイナミックパブリッシング」には対応していないのが原因のようです・・

Posted by: yasu [TypeKey Profile Page] at December 14, 2005 2:34 AM

Post Comment




Remember Me?

you can use these emoticons in your comment

au_001.gif au_002.gif au_003.gif au_004.gif au_005.gif au_006.gif au_007.gif au_008.gif au_009.gif au_010.gif au_011.gif au_012.gif au_013.gif au_014.gif au_015.gif au_016.gif au_017.gif au_018.gif au_019.gif au_020.gif au_021.gif au_022.gif au_023.gif au_024.gif au_025.gif au_026.gif au_027.gif au_028.gif au_029.gif au_030.gif au_031.gif au_032.gif au_033.gif au_034.gif au_035.gif au_036.gif au_037.gif au_038.gif au_039.gif au_040.gif au_041.gif au_042.gif au_043.gif au_044.gif au_045.gif au_046.gif au_047.gif au_048.gif au_049.gif au_050.gif au_051.gif au_052.gif au_053.gif au_054.gif au_055.gif au_056.gif au_057.gif au_058.gif au_059.gif au_06.gif au_060.gif au_061.gif au_062.gif au_063.gif au_064.gif au_065.gif au_066.gif au_067.gif au_068.gif au_069.gif au_07.gif au_070.gif au_071.gif au_072.gif au_073.gif au_074.gif au_075.gif au_076.gif au_077.gif au_078.gif au_079.gif au_08.gif au_080.gif au_081.gif au_082.gif au_083.gif au_084.gif au_085.gif au_086.gif au_087.gif au_088.gif au_089.gif au_09.gif au_090.gif au_091.gif au_092.gif au_093.gif au_094.gif au_095.gif au_096.gif au_097.gif au_098.gif au_099.gif au_10.gif au_100.gif au_101.gif au_102.gif au_103.gif au_104.gif au_105.gif au_11.gif au_12.gif au_13.gif au_14.gif au_15.gif au_16.gif au_17.gif au_18.gif au_19.gif au_20.gif au_21.gif au_22.gif au_23.gif au_24.gif au_25.gif au_26.gif au_27.gif au_28.gif au_29.gif au_30.gif