PiyoFeeds にはいくつかのBuildがありますが、迷うことなく「NB版」 。
2/11にアナウンスされた「CSS用のclass属性をつけて出力する」 を使います。


実はちょっと前、「Javascriptのオブジェクトとして出力する」 を使って導入を試みていたのですが、挫折(^^;
まだちょっと私には時期尚早だったようで。


でも今回の「CSS用のclass属性をつけて出力する」。
これならば、今まで ”TrackBack People” や ”Recent Entries” を表示させるときに行ったパターンと同じ作業でうまくいきそうな予感がします。


iBlog の CSS定義ファイルに PiyoFeeds用の属性定義を追加。
「 上記スタイル設定を破棄してCSS用のclass属性をつけて出力する」 に説明されている Class属性、このなかから使うものについて定義を施します。

自分が今回使用した属性は「.piyofeeds .title」、「.piyofeeds .items .item .title」そして「.piyofeeds .logo」。
これらについて表示的属性を定義。
定義の内容はこれまでと同じ ”Recent Entries” や ”TrackBack People” の表示と揃えるように。


再チャレンジは成功、うまく表示ができるようになりました(^^)
CSS出力 Bravo〜



これで、ひとまず目的を達することができました。
しかし、やっぱり、PiyoFeeds を使うならば JavaScript出力 を使ってみたい。
エントリの作成日付を表示させたいのです、プチコメのRecentEntriesと同じように。
きっとJavaScript出力でなら、実現が可能。

また改めてJavaScript出力 での表示にはトライしてみよと思います。



■導入に参照したページの Link をまとめます。
・PiyoFeeds Blog
・PiyoFeedsNB版マニュアル
・上記スタイル設定を破棄してCSS用のclass属性をつけて出力する
・Javascriptのオブジェクトとして出力する：PiyoFeedsの出力形式に関する設定