記事検索:

 
 

まず、作成したRSSのファイルをサーバーにアップロードします。ここでは、解説のため「http://lblevery.com/iweb.rss」でアクセスできる場所にアップロードしたと仮定して解説をいたします。


Dreamweaverなどで制作したホームページで、下のようにブラウザのアドレスバーにRSSのアイコンが表示されるように設定を行います。

まず、アドレスバーにRSSアイコンを表示したいページを開きます。

ヘッダタグ 内(<head>〜</head>の中)に、以下のようにRSSをリンクさせるタグを埋め込みます。

<link rel='alternate' type='application/rss+xml' title='RSS' href='http://lblevery.com/iweb.rss'/>

赤字になっている部分は、ご自分のサイトのRSSファイルのURLを設定して、HTMLとRSSをリンクしてください。

これで、上記の写真のようにRSSのアイコンがアドレスバーに表示されるようになりますので、後はRSSをリンクさせたい全てのHTMLファイルに、同様のタグを埋め込むだけです。

iWebで制作したホームページの場合、Dreamweaverなどで制作したホームページと異なり、ヘッダタグの操作が標準機能では出来ません。そこで、iWebでホームページを制作している場合、「フォルダに公開...」機能で出力したHTMLファイルを、テキストエディターなどで直接編集するか、アドレスバーにRSSアイコンを表示させる方法を諦め、ページ内にリンクを設置する方法を使います。

    出力したHTMLファイルをテキストエディターで編集する

この方法を使う場合は、Dreamweaverなどでホームページを制作している場合と、同じ操作を行います。

まず「ファイルメニュー」から「フォルダに公開...」を選んで、iWebからHTMLファイルを出力します。出力が終わったら、「mi」などのテキストエディターで、出力されたHTMLファイルを開き、ヘッダタグにRSSとリンクする為のタグを設定すれば完了です。


ただしiWebでは、「フォルダに公開...」機能でファイルを出力する度に、以前のファイルが削除されてしまいますので、毎回設定を行う必要があります。

    ページ内にRSSのリンクを設定する

ページ内にリンクを設定する場合は、アドレスバーにRSSのアイコンを表示する事は出来ませんが、都度ファイルの修正が必要にならない為、現実的な方法と言えます。

この方法を使う場合は、ページ内にRSSのアイコンやテキストを用意して、リンクインスペクタを使ってRSSファイルにリンクを貼るだけです。

RSSのアイコン素材などは、多くの素材配布サイトでも出回っていますが、シンプルな形のRSSアイコンをご用意しました。

ぜひご利用ください。

白背景用(50px版、25px版)

黒背景用(50px版、25px版)

  1. RSSを作成して配信しよう(2)

ホーム > iWeb Lab > ホームページ運営 > RSSを作成して配信しよう(2)

Dreamweaverなどで制作したホームページにRSS配信の設定をするには

iWebで制作したホームページにRSS配信の設定をするには

このサイトはApple iWeb を使用して作成しています。

ご意見などはお問い合わせフォームからお願いいたします。

当サイトは、Yahoo!カテゴリMacintosh > アプリケーションソフト)掲載サイトです。