RSSフィードにもデザインを!

ブラウザでRSSへのリンクを開いてしまい、驚いたなんて経験ありませんか~? 実はRSSフィードにもスタイルシートが適用できるんです。
CSS適用済みのRSSを見てください

RSSの表示を見やすくするにはスタイルシートを読み込む必要があります。
カレントフォルダにあるwp-rss2.phpの13行目の下に1行コードを追加してください。

<?php echo '<?xml version="1.0" encoding="'.get_settings('blog_charset').'"?'.'>'; ?>
<?php echo '<?xml-stylesheet href="'. get_settings('siteurl') .'/style-rss.css" type="text/css" ?'.'>'; ?>

こうすることで、WordPressをインストールしたフォルダにある、"style-rss.css"をブラウザが読み込むようになります。wp-rss.phpやwp-rdf.phpにも同様のコードを書くことでスタイルシートを読み込むことができちゃいます。

つぎにRSS用に書いたスタイルシートを用意して、WPをインストールしたフォルダにおいてください。一部のタグをIEが認識できないようなのでご注意。どなたか対処法教えてくださいまし・・・。
一応、私の書いたスタイルシートを載せておきます。汚いので参考程度に見てくださいね。
スタイルシートを見る

TrackBack URIhttp://bd.dotted.jp/archives/10/trackback/

11 Comments

  1. no.1 yutaka Says:
  2. :mrgreen: 個人サイト出来上がりましたねぇ
    RSSにスタイルシートちょっとテストでやってみたのですが
    IEがタグの一部を認識できず、表示がおかしくなりますねぇ
    全くIEって...もう :oops:

  3. no.2 Kaira Says:
  4. 書き込みありがとうございます~。書き込み第一号です :mrgreen:

    タグ名をCSSに書くときコロン":"がネックになっていたんですが、"\"でコロンをエスケープすることでIEでもそれなりに表示できるようになりました。
    ただ、IEはXMLだと互換モードになってしまうので完璧とはほど遠いですね。ブラウザによってCSSを切り替えればそれなりのものを作れるかもしれません。

    ちなみにRSSにスタイルを適用するには紹介した方法以外に、XSLを使ってXMLをHTMLに変換表示する方法もあります。これならIEだろうがちゃんと表示される「はず」です :roll:

  5. no.3 yutaka Says:
  6. ありがとう~ :mrgreen:
    なんとかIEでも表示できるようになりました。sage風のcssにしたいんだけど難しくて.. :oops:  取り敢えず...

  7. no.4 yutaka Says:
  8. 日本語化なんですがStanding Tallさんのブログで
    WordPress 2.0RC用日本語リソースがリリースされていますので試してみられたらどうでしょう
    http://tekapo.com/st/2005/12/13/wp-20rc-ja-resource/

  9. no.5 Kaira Says:
  10. CSSって自分の思い通りになっかなか表示されなくて大変ですよね。描いたラフデザインをボタン一つで即CSS化とか出来るようになってほしい・・・ :oops:

    WordPressの日本語化、やっぱりうまくいかないです。英語版で困ることはないんでこのままでも良いですが、なんか悔しい :sad:

  11. no.6 yutaka Says:
  12. wp-config.phpの19行目って
    define ('WPLANG', 'ja_UTF');になってますよね :?:
    それで日本語化されないってのは :sad: 不思議

  13. no.7 Kaira Says:
  14. 設定は合っているはず・・・だと思うんですが何かを忘れているんでしょうねぇ・・・ :neutral:

  15. no.8 tai Says:
  16. はじめまして、taiです。

    define (’WPLANG’, ‘ja_UTF’);

    この部分「ja_UTF」は、お使いの言語ファイル名と一致してますか?

    私がメンテしてるやつは「ja.mo」ですので、それをお使いなら

    define (’WPLANG’, ‘ja’);
    とする必要があります。

  17. no.9 Kaira Says:
  18. taiさん、はじめまして。
    こんな僻地へわざわざありがとうございます :smile:

    define (’WPLANG’, ‘ja’);
    ここの定数部分はwp-includes/languagesに置いたファイル名と一致しています。なにか基本的なことを忘れていそうなので、近いうちに他の場所で新規インストールを試みて、このブログで報告しますね :oops:

  19. no.10 tai Says:
  20. う~ん、、moファイルのパーミッションは読み取りおっけーになってますか?

  21. no.11 Kaira Says:
  22. パーミッションは644になっています。うー……謎 :sad:

Leave a Reply