【ブログ管理】RSSを変更しました 「livedoor 相互RSS」の使い方と紹介【無料ツール】

ブログのおはなし

Pocket

今回の記事は冬色工房のについてです。

(・ω・)ノ

※この記事は本日二つ目の記事になります。

↓一つ目はこちら。

◇DMM

RSSを「livedoor 相互RSS」に変更しました 

livedoor 相互RSS

livedoor 相互RSS_001

相互RSSとは?
好きなブログやウェブサイトの更新情報を、あなたのブログに素早く表示させることができる無料のサービスです。
ブログ仲間同士で活用すれば、互いのブログの間で閲覧者の回遊を生むことができます。ブログのアクセスアップにとても有効なツールです。

livedoor 相互RSSはその利便性から多くの著名なブロガーにお使いいただき、ブログ間の連携、PVアップに貢献しています。
カスタマイズ性も高く、あなたのブログにピッタリのデザインを作ることができます。

© livedoor

ブログ「冬色工房」のトップページに設置していたRSSリーダーを変更しました。

今まではWordpressのプラグインで頑張ってRSSを実現していましたが、ブログ改修の際の勢いで頑張って「livedoor 相互RSS」を実装しました。

(/・ω・)/ワーイ

前から他のサイトさんが使っているのを見て、パクって… 参考にして「livedoor 相互RSS」を使ってみたいなーと思っていたんですよねー。

ああ、RSSっていうのは情報発信ツールの一種で、記事を更新したりするとその情報を配信する機能のことで、RSSリーダーを使うことで好きなサイトさんの更新情報一覧みたいなものを作ることができる便利な機能のことです。

(*´ー`*)

livedoor 相互RSS 使い方とか

livedoor 相互RSS

名前から分かるようにlivedoorさんが提供してくれている「livedoor 相互RSS」は無料で使えるRSSリーダーの一つです。

(・ω・)ノ

使い方は簡単でアカウント登録の後で表示したいサイトのRSSを収集して一塊に。

最後に「livedoor 相互RSS」で生成してくれるコードを自分のサイトにペタペタ張って完成です。

(/・ω・)/ワーイ

livedoor 相互RSSの使い方

「livedoor 相互RSS」 チャンネルを登録する

livedoor 相互RSS_009

「livedoor 相互RSS」のアカウント作成後、「livedoor 相互RSS」の管理画面からまずは作りたいRSS一覧用のチャンネルを作成します。

名前を付けるとサクッと空のチャンネルが作ることができ、名前は何時でも変更可能です。

(・ω・)ノ

「livedoor 相互RSS」 RSSフィード

livedoor 相互RSS_007

次にそのチャンネルで表示したいサイトのRSSを収集して、「livedoor 相互RSS」 で作成したチャンネルのフィード設定に追加していきます。

RSSを配信しているサイトさんならサイト内を探すとRSSフィードのアドレスを公開してくれています。

RSSフィードを検索してくれる便利なサイトさんも存在します。

こちらのサイトさんでは、対象サイトさんのアドレスを入れるだけでそのサイトのRSSを検索してくれます。

(/・ω・)/ワーイ

「livedoor 相互RSS」 のRSSフィードの一覧を作る際にはこちらを利用するのもありかなと。

冬色はRSS一覧を作る際にはこのサイトさんに大変お世話になっていますね。

(*´ー`*)

「livedoor 相互RSS」 RSSの各種設定をする

livedoor 相互RSS_006

次に「livedoor 相互RSS」 の「設定」タブから作成したチャンネルの表示設定をお好みで設定。

上の画像だと省略してしまいましたが、右にプレビューが表示されるのでそれを確認しながらやると良いと思います。

(/・ω・)/ワーイ

「livedoor 相互RSS」で生成されたコードをサイトに張り付ける

livedoor 相互RSS_005

最後に「livedoor 相互RSS」の「貼り付けコード」タブから、生成されたコードを自分のサイトの使いたいところに張り付けて完成です。

(/・ω・)/ワーイ

 

livedoor 相互RSS_004

冬色の場合はWordpressを使用しているため、Wordpressの管理メニューから「外観」→「ウィジット」から、追加したいブログパーツにHTMLを追加できるパーツを追加してコピーしたコードを貼り付けて完成。

o(^▽^)o

 

livedoor 相互RSS_003

冬色の場合はlivedoorブログを使っていないので、頑張ってWordpressのトップページに入れてみました。

コードを直接貼るとRSSが全て表示されてしまいました。

これではサイトのデザインが崩れてしまうので使えないですね。

(/ω\)

 

色々と試したところiframe版のコードが冬色のイメージに近いのでこちらを使用させて頂きました。

コード生成のページにある「通常版」の下に「iframe版」があり、このiframe版のコードですね。

( ´∀`)σ)∀`)

 

livedoor 相互RSS_002

ついに冬色の追加したかったRSSリーダーが完成しました。

(/・ω・)/ワーイ

本当はlivedoorブログと同様に三つのRSSを並べたかったのですが妥協しちゃいました。

♪(´ε` ;)

iframeはiframeタグで対象のコードを囲むことで用意したフレームに収める形でサイトに表示してくれる機能ですね。

σ(^_^;)

これ以上細かく設定しようとするとサイトのCSSを変更する必要があるので、詳しい人や勉強したい人は手を出すのもありです。

さらっとGoogleで調べると「livedoor 相互RSS ワードプレスに追加検索結果」の詮索結果が出てくるので、この辺りのやり方を説明してくれているサイトさんを参考にすると良いと思います(丸投げ)。

(`・Д・)ノ=☆ハァッ

 

という訳で今回は「livedoor 相互RSS」のお話でした。

(/・ω・)/ワーイ

今回はこんなところです。

(* ̄▽ ̄)ノ~~ マタネー♪


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA