TOP > Expression > Tips > Webページの作成

RSSフィードをWebページに追加する方法

最終更新日:2007/11/29 05:16:43
RSSフィードをWebページに追加する方法は、2007/11/22に公開された CodeZine の「Expression WebでXMLデータを挿入してみよう」の4ページ目に紹介していますが、その追記情報をこちらに紹介します。

URLのコピー&ペーストに対応しているのは、拡張子「.xml」のみ

RSSフィードをWebページに追加する簡単な方法として、そのRSSフィードのURLをコピーして、Webページのデザインビューの貼り付けたいところにCtrl+Vキーで貼り付けると複数アイテムビューでデータビューの生成ができるのは、拡張子が「.xml」のみです。

残念ながら、私のExpression Web & FrontPage blogでのRSSフィードの拡張子は「.rdf」になっているため、コピペしてもそのURLが貼り付けられるだけです。

拡張子が「.xml」以外のURLは、一旦ローカルに保存して、作業中のWebサイトフォルダにそのXMLファイルをインポートする必要があります。

コピー&ペーストした後のスタイルの変更

複数アイテムビューで貼り付けられたデータビューは、後で変更が可能です。

  1. コモン Data View タスクの「レイアウトの変更」をクリックします。
    レイアウトの変更をクリック
  2. [データビューのプロパティ]ダイアログボックスの[レイアウト]タブにて、レイアウトを変更します。新着記事タイトルリストにする場合は、「タイトルリスト (行頭記号付き) スタイル」にし、ランキングの場合は「タイトルリスト (番号付き) スタイル」に変更します。

タイトルリスト (行頭記号付き) スタイルタイトルリスト(行頭記号付き)スタイル

タイトルリスト (番号付き) スタイルタイトルリスト (番号付き) スタイル

RSSフィードのレイアウトページの例

試しに、CodeZineでのランキング(過去7日間)のRSSフィードを利用して、記事タイトルにその記事URLへリンクし、その横にカテゴリを追加したページはこちら

残念ながら、私のwww.wanichan.comサーバーでは.NET Framework 2.0に対応じゃないので、ローカルでしかお見せできないです。。。

もし、「Web」カテゴリだけを絞ってみたらこんな感じになります。

関連記事

▲Page TOP

▲このページのトップへ

Contents Menu

Site Search by Google


Web サイト内
Expression Web Books
Buy at amazon.co.jp Now

Microsoft MVP

Microsoft Most Valuable Professional
Microsoft MVP - Expression Web
(April 2009 - March 2010)
/ Expression
(April 2008 - March 2009)
/ FrontPage
(April 2005 - March 2008)
MVP Profile

Ads