小粋空間  -  a cheap joke and a play on words site

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

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

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

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

変更前

変更後

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

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

１．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";
...後略...

２．title 属性を表示しない

１項と同じ、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";