Feed2JS の表示結果の title 属性をカスタマイズする

Feed2JS の表示結果の title 属性をカスタマイズする

Posted at June 9,2009 1:55 AM
Tag:[Blog, Customize, Feed2JS, JavaScript, PHP, RSS, Tool]

フィードの内容をブログ等に表示するツール「Feed2JS」を使ったときに、a 要素部分に設定される title 属性をカスタマイズする方法を紹介します。

Feed2JS の詳細については、「RSS Feed(フィード)を表示する」をご覧ください。

下の例は、はてなブックマーク「最近の人気エントリー」のフィードを表示した場合の、変更前と変更後です。変更前はリンクのツールチップをポイントすると、ずらずらと日本語が表示されますが、変更後はタイトルのみを表示します(title 要素の内容は RSS フィードの description 要素から取得しています)。

変更前
変更前

変更後
変更後

また、title 属性自体を削除することも可能です。
title 属性自体を削除

時々、Feed2JS の質問を頂くことがあるのですが、紹介してから個人的には使っていなかったため、質問を頂いてもスルーさせて頂いている状態でした。ということで、お詫びをかねて以前頂いた質問を元にエントリー致します。

1.title 属性にタイトルを適用する

自サーバにアップロードした feed2js ディレクトリ直下にある、feed2js.php の 202 行目(確認バージョンは1.98)にある、下記の赤色部分を青色部分のように変更します。バージョンによって行が異なる場合は似たような箇所をみつけてください。

変更前

...前略...
// write the title strng
$str.= "document.write('<li class=\"rss-item\"><a class=\"rss-item\" href=\"" . trim($my_url) . "\" title=\"$title_str\"". $target_window . '>' . $my_title . "</a><br />');\n";
...後略...

変更後

...前略...
// write the title strng
$str.= "document.write('<li class=\"rss-item\"><a class=\"rss-item\" href=\"" . trim($my_url) . "\" title=\"Jump to $my_title\"". $target_window . '>' . $my_title . "</a><br />');\n";
...後略...

2.title 属性を表示しない

1項と同じ、feed2js.php の 202 行目(確認バージョンは1.98)にある、下記の赤色部分を削除してください。バージョンによって行が異なる場合は似たような箇所をみつけてください。ダブルクォーテーションを消しすぎないように気をつけましょう。

変更前

...前略...
// write the title strng
$str.= "document.write('<li class=\"rss-item\"><a class=\"rss-item\" href=\"" . trim($my_url) . "\" title=\"$title_str\"". $target_window . '>' . $my_title . "</a><br />');\n";
...後略...

変更後

// write the title strng
$str.= "document.write('<li class=\"rss-item\"><a class=\"rss-item\" href=\"" . trim($my_url) . "\" ". $target_window . '>' . $my_title . "</a><br />');\n";
関連記事
zenback
人気エントリー
トラックバックURL


コメント

Feed2JSについて質問させていただいて宜しいでしょうか。
以前のエントリ通り設置は上手くいったのですが、表示されるリストを横並びにしようとHTMLのマークアップを参考し、CSSを指定しているのですが、上手くいきません。

リストは同じく「タイトル説明なし」「5件表示」「記事概要表示なし」です。

.rss-items{
width:1000px;
padding:5px 5px 5px 5px;
font-size:12px;

}


ul.rss-items{
width:1000px;
}

.rss-items li{
width:1000px;
display: inline;
list-item-position: inside;

}

のように記述しています。もしかするとCSSが致命的に間違っているのかもしれません。ご教授よろしくおねがいします。

[1] Posted by ファミリ : June 10, 2009 4:20 PM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)