フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その1『忍者レコメンド』

くつキッチュ!アイコン wordpress くつキッチュ!SCRAPス アイコン neta(ネタ全般)カテゴリへ

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選!その1『忍者レコメンド』 rss by TEIA MG, on Flickrrss by TEIA MG, on Flickr

もくじ

《くつキッチュ/スクラップス!》ではカテゴリ別の記事表示に、画像付きでフィードを取得できるRSSサービスを利用しております。

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 複眼RSSカテゴリ別表示例

こういったサービスを利用すれば、CSSのやスクリプトなどの難しい知識なしで、フィードが生成でき、設置も簡単なのでオススメ。

というわけで、本日から3日間連続で『スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選!』

  1. 『忍者レコメンド』
  2. Google Feed API
  3. 複眼RSS

のご紹介をさせて頂きます。

本日はその1『忍者レコメンド』です。

お手軽ナンバーワン『忍者レコメンド』

まずはメチャメチャ簡単な忍者ツールズ『忍者レコメンド』

一番面倒なのは忍者ツールズへの会員登録くらいです(笑)

使い方は、至って簡単。

まずはフィード取得ですが…

『忍者レコメンド』では、下記画像のリンク先でフィード取得したいサイトのURLを入力するだけで自動でフィードを取得してくれます。

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 忍者ツールズ忍者レコメンド

フィード取得が完了したら⇒「このURLでつくる」をクリック⇒すると、下図のような設定画面に入れますので…

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 忍者レコメンド

こちらで、画像の表示サイズや、ツイート数、更新日などの簡単な設定をすれば画像付きRSS取得完了です。

作成したコードを自サイト任意の場所へ貼る。

あとは、作成したコードをサイトの任意の場所に貼り付ければOK。(くつきはWordpressのウィジェット(テキスト)にコードを貼ってみました。)

表示はこんな感じです。

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 忍者ツールズ忍者レコメンド
※忍者レコメンドでのデフォルトサイズ130px✕130pxの表示です。

画像は記事のトップのものが問答無用で引っ張られてくるようです。

《くつキッチュ/スクラップス!》の場合、記事のトップの画像はアイコン。

そのアイコンのサイズが40px前後ですので、130pxに引き伸ばされてボケてます;;

できれば画像はアイコンではなく、

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 拡張子が選択できないと問答無用で選択された一つ目のアイコン画像がボケる

下図のように、アイキャッチ画像を表示させたいのですが…

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 本当はこうしたい

忍者レコメンドの場合は画像の拡張子を選択したりするオプション機能が見当たりませんでしたので、画像のカスタマイズはちょっと難しそうです。

「一番初めの画像が表示されれば良い。」という方には、見栄えの良い画像付きフィードがお手軽に取得できるので、『忍者レコメンド』オススメです。

カテゴリ別の場合

ただし、今回はブログのカテゴリ別フィード取得して自サイトに貼るのが目的ですので、もう一手間必要です。

まずはカテゴリ別フィードの取得ですが、忍者レコメンドではカテゴリ別のフィードは自動で取得してくれません。

http://92kitsch.com/category/neta/art/(カテゴリ別URL) で入力した場合も、自動的にカテゴリなしのフィードURL http://92kitsch.com/feed/になってしまいます。

その場合は、下記のように

http://92kitsch.com/category/neta/art/feed/

と、初めからカテゴリ別フィードURLを入力すればOK。
※カテゴリ別URLの確認方法と、フィード取得の方法は後述します。

これでカテゴリ別のフィード取得の設定画面に入れますので、先ほどと同じく詳細設定後、作成したコードを自サイト任意の場所貼り付ければアートカテゴリのみの画像付きフィードが表示されます。

アートカテゴリの記事のみ表示されました。

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! 忍者ツールズ忍者レコメンド カテゴリ別

カテゴリ別フィードの取得方法

カテゴリ別フィードURLの取得方法ですが、まずはカテゴリ別URLの確認方法から…

カテゴリ別URLの確認方法

カテゴリを右クリックして[リンクアドレスをコピー]

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! カテゴリ別フィードURL確認方法

もしくはこのままリンクをクリックして、表示されたページのURLをコピー。

いづれも同じURL(例えば、http://92kitsch.com/category/neta/art/)がコピーされます。

以上です。

Feed取得する方法:netvibesのツールを利用する方法

netvibesでしたら、カテゴリ別でフィードを自動取得できるツールがあります。

追加⇒フィード⇒カテゴリ別URL入力⇒フィードマークのボックスをクリック

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! カテゴリ別フィード取得方法

ボックス右端のサイコロのようなアイコンをクリック⇒設定をクリック

スクリプトやCSSなどの難しい知識なしで画像付きのフィード取得できるサービス3選! カテゴリ別フィード取得方法2

Feed:に表示されたURLをコピー。

以上です。

しかし、利用するにはnetvibesへの登録が必要になりますし、「それは、ちょっと面倒くさい」という方は下記の方法があります。

カテゴリ別URLの最後に[feed]をつける方法

まずは、カテゴリ別URLを確認します。

確認したカテゴリ別URLの最後に[feed]をつければカテゴリ別フィードURLとなります。

http://92kitsch.com/category/neta/art/feed

以上です。

このURLを先ほどの『忍者レコメンド』の入力欄に入力すれば、コード生成が簡単にできますので、あとはご自分のブログの任意の場所に貼って頂ければ完成です♪

というわけで、ツールを使ってお手軽にカテゴリ別記事を画像付きで表示する方法その1『忍者レコメンド』でした。

明日はGoogle Feed APIを利用してのカテゴリ別フィード取得方法のご紹介となります♪

でっは~(*´∀`*)ノシ

ブログランキング・にほんブログ村へ
にほんブログ村

  • このエントリーをはてなブックマークに追加
  • Share on Tumblr

関連記事

html tattoo by webmove, on Flickr

ワードプレスの記事内でコード表示をするには?【WPプラグイン】

html tattoo by webmove, on Flickr もくじ ドキ!トラ

記事を読む

Muscles by Thomas Fisher Rare Book Library, on Flickr

『ArtPose』がPCで使えなくて絶望したーっあなたへ贈る無料3Dモデルソフト3選+オマケ

当サイト被験者SSが珍しく『ArtPose』という、いま巷で大人気のポーズアプリを絶賛していまし

記事を読む

326/365 - plug in. by Bryan Rosengrant, on Flickr Some rights reserved

Q:ワードプレスの記事内にSoundCloudの音楽を埋め込むには? A:【WPプラグイン】は不要です!

タイトル通りです。今はURLだけで埋め込み完了です。  326/365 - pl

記事を読む

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その3『複眼RSS』

フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その3『複眼RSS』

rss_watercolor_icon by mfinleydesigns, on Flic

記事を読む

「激軽にしてあげる♪」頼りになるツンデレエンコードソフト『つんでれんこ』ちゃんのこと 『つんでれんこ』ちゃん式、激軽ダイエット 使用前使用後

クリスタで作成したアニメーションのエンコード(圧縮)は、フリーソフト『つんでれんこ』ちゃんにお任せ!

架空のロゴ、名称、試作品 concept by 佐藤利音 design by くつき 登場

記事を読む

shout! by su neko, on Flickr Wordpressの画像編集に絶望したーっ アイキャッチ画像

WordPress3.9更新後の画像編集画面に絶望したーっ!…ので、よく使うスタイル指定をメモメモ…

なんだか最近Wordpressの画像編集機能が微妙です。 3.9に更新してからというも

記事を読む

Don't Panic Badge by Jim Linwood, on Flickr いきなり来た!「データベース接続確率エラー」

いきなり来た!「データベース接続確率エラー」∑(゚Д゚)ガーン

  Don't Panic Badge by Jim Linwood, on

記事を読む

『くつキッチュ/スクラップス!』アイコン凡例 アイキャッチ画像

『くつキッチュ/スクラップス!』アイコン凡例

    当ブログでは『NetVibes』のRSSなど

記事を読む

WordPress立ち上げメモ 助けて!TOC+の反映されない(><) TinyMCE Advancedってどんなプラグイン?等 アイキャッチ画像

ドキ!トラブルだらけのワードプレスブログ立ち上げ大会小ネタメモφ(. .)

1週間ほど前にこのブログを立ち上げまして… 思いがけないトラブルや、新規導入のプラグイン等のメモが

記事を読む

くつキッチュ!SCRAPス WPにデフォルトでインストされてるプラグイン『HelloDolly』って一体何者?

WordPress謎のプラグインHelloDollyを有効化してみた結果www

  Photo by Stéfan  いかにもなタイトルですが、釣りじゃありません。 結論から申し

記事を読む

  • 創作クラスタ応援し隊のくつきちよこ(崛起智世子)です。 このブログは、「ネット著 作権」、「セルフプロモーション」、「ワードプレス運用」、「電子書籍サービス」、 「自己出版(セルフパブリッシング)」、「創作」等に関する情報をお届けしておりま す。 ※Wiki『創作ステージ@まちペディア』(ちょっと押してますが)作成中です♪
  • follow us in feedly
  • くつキッチュ/スクラップス! on Tumblr

  • 「表現の自由を守る党」自作応援バナー くつきちよこ

  • マウスコンピューター/G-Tune