Follow Us.RSS

2010年5月31日(月)フィードミキサーでツイッターを表示!

ツイッターの RSS を「フィードミキサー」で表示する方法

ツイッターのステータスは RSS でも配信されているので、CMONOS.JP でツイッターを表示するには「フィードミキサー」を使うのがもっとも簡単です。

「フィードミキサー」の「一般設定」で「RSS/Atom フィードリスト」にツイッターの RSS を指定するだけ。それでは実際にやってみましょう!

まずは、セットアップアシスタントの「CGI インストーラー」で、適当なフォルダ名をつけて「フィードミキサー」をインストールします。

次にツイッターが配信している RSS のリンクをコピーします。

コピーしたリンクを「フィードミキサー」の「一般設定」で「RSS/Atom フィードリスト」に追加します。

「フィードミキサー」には簡単なフィルタ機能があるので、特定の話題のみを抜き出すこともできますよ。

最後に「SSI埋め込みリスト設定」を開いてテンプレートを設定します。ここではこんな風に設定しました。

<div class="section rss-feeds">
<h2>Recent Tweets.</h2>
<div class="body">
<ul class="index">
<!--article--><li><!--description--><!--/description--><div class="time"><!--mtime--><!--/mtime--></div>
</li>
<!--/article-->
</ul>
</div>
</div>

「SSI埋め込みリスト設定」で「1サイトあたりの記事数」を設定すると、いつもつぶやいている人ばかりが表示される、という事態を回避できます。

サイトに埋め込むのも簡単!

作成した RSS リストを表示するには、「SSI 埋め込みリスト設定」の末尾に表示された「埋め込みタグ」をコピーして、テンプレートに貼り付けるだけ。簡単です。

埋め込みタグは三種類あります。

  • 動的 JavaScript = その都度 CGI によってリストを表示します。
  • 静的 SSI = SSI によってリストを表示します。
  • 静的 JavaScript = JavaScript によってリストを表示します。

埋め込みタグの例。

実際に「静的 JavaScript」埋め込みタグで、ツイッターをこのページに埋め込んでみました。フィード・リスト

どうでしょう? スタイルをちゃんと指定すれば、もう少し見栄えがよくなりそうです。

「フィードミキサー」は、ツイッターの他にも RSS を配信するサービスならなんでも表示できます。ぜひいろいろ試してみてください。

(ちなみに、本日ツイッターでの表示を調整した CMONOS.JP の最新版をリリースしました。テンプレートにタイトルがみつからないとき日付にリンクをつけるようになったほか、ツイッターのRSSに限りアカウント部分にリンクを張るようになりました。ツイッターを表示する場合は、最新版にアップデートされることをおすすめします。最新版では、nicEdit.js の不具合もいくつか修正されています。)

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | ウェブにも縦書きを!「竹取JS」公開

2010年7月5日 ... JP | 開発者ブログ | フィードミキサーツイッターを表示! 2010年5月31日 ... JavaScript で縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。「竹 取Web」につづく縦書き応援企画第2弾です。中国語と韓国語の縦書き化にも .
https://cmonos.jp/blog/2010070500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 日中韓ウェブをまるっと縦書き化

2011年9月14日 ... JP | 開発者ブログ | フィードミキサーツイッターを表示! 2010年5月31日 ... JavaScript で縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。「竹 取Web」につづく縦書き応援企画第2弾です。中国語と韓国語の縦書き化にも .
https://cmonos.jp/blog/2011091400/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 縦書きのススメ

2011年2月1日 ... JP | 開発者ブログ | フィードミキサーツイッターを表示! 2010年5月31日 ... JavaScript で縦書き表示を実現する「竹取JS」を「MITライセンス」で公開しました。「竹 取Web」につづく縦書き応援企画第2弾です。中国語と韓国語の縦書き化にも .
https://cmonos.jp/blog/2011020101/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 記事をサイト全体で使い回すには?

2013年4月26日 ... JP | 開発者ブログ | フィードミキサーツイッターを表示! 2010年5月31日 ... 「SSI 埋め込みリスト設定」で「1サイトあたりの記事数」を設定すると、いつもつぶやいている人 ばかりが表示される、という事態 ... 作成した RSS リストを表示するに ...
https://cmonos.jp/blog/2013042600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 自動スクロール Safari 機能拡張「手ぶら ...

2013年9月4日 ... さっそく各種検索結果ページやツイッターを見るときに重宝しています。マウスを動かさず 眺めているだけでいいのでらくちんです☆. » 今すぐSafari 専用「手ぶら Safari」機能 拡張をダウンロード: ダウンロードした「HandsfreeSafari.safariextz」 ...
https://cmonos.jp/blog/2013090400/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 縦書きWeb、再び

2010年5月14日 ... 今回リリースした「CMONOS.JP」の最新版では縦書き表示機能が強化されました。ルビ や傍点にも対応しています。また、縦書き体験を広げるため、既存ホームページを縦書き 表示する「竹取 Web」を公開しました。
https://cmonos.jp/blog/2010051400/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | NicEdit 日本語版

2010年1月8日 ... IEの8,7でこの症状が発生しまして、IEの9やchromeなどでは発生しません。 (コード はツイッターの公式ウィジェットを貼り付けようとしております). ブラウザの互換性の問題 とかでどうしようもないような予感がしているのですが、なにか改善の ...
https://cmonos.jp/blog/2010010800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | PayPal をもっとわかりやすくする方法

2010年1月16日 ... ところで、PayPal Japan さんはツイッターでつぶやくとけっこう丁寧に返事して下さるよう です。 ... このページの下の方など。 PayPal Japan のツイッターアカウントでも、丁寧に 対応してくださいますので、フォローされてはいかがでしょうか。
https://cmonos.jp/blog/2010011600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | リンクタグを表示する Safari 機能拡張

2012年7月28日 ... 表示ページ中のテキストを選択して「リンクを引用付きのテキストで表示する」を選択 すると、こんなかんじになります。 リンクを引用付きのテキストで表示するサンプル. コピーしてそのままツイッターなどに投稿できそうですね。 同じ文章を「リンク ...
https://cmonos.jp/blog/2012072800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 回覧板をつくろう!

2012年1月21日 ... CMONOS.JP ならではの多彩なフィールドをうまく組み合わせて、ちょっとした不便を 解決する、あなただけのツールを作ってみてください。もし、気に入ったツールが できあがったら、フォーラムやツイッターで教えていただけるととてもうれしいです ...
https://cmonos.jp/blog/2012012100/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月]
[火]
[水]
[木]
[金]
[土] 1

[日] 2
[月] 3
[火] 4
[水] 5
[木] 6
[金] 7
[土] 8

[日] 9
[月] 10
[火] 11
[水] 12
[木] 13
[金] 14
[土] 15

[日] 16
[月] 17
[火] 18
[水] 19
[木] 20
[金] 21
[土] 22

[日] 23
[月] 24
[火] 25
[水] 26
[木] 27
[金] 28
[土] 29

[日] 30
[月] 31
[火]
[水]
[木]
[金]
[土]


[日]
[月]
[火]
[水]
[木] 1
[金] 2
[土] 3

[日] 4
[月] 5
[火] 6
[水] 7
[木] 8
[金] 9
[土] 10

[日] 11
[月] 12
[火] 13
[水] 14
[木] 15
[金] 16
[土] 17

[日] 18
[月] 19
[火] 20
[水] 21
[木] 22
[金] 23
[土] 24

[日] 25
[月] 26
[火] 27
[水] 28
[木] 29
[金] 30
[土]

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する