フィード取得サービスを利用して『画像付きカテゴリ別記事』を表示させる方法 その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

関連記事

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

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

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

記事を読む

ワードプレスの記事内にSoundCloudの音楽を埋め込むには?【WPプラグイン】

  追記:2015-02-23 現在はURLコピペのみで簡単に埋め込み出来ます。

記事を読む

サイトの名刺ファビコンテスト前哨戦-ファビコン設置方法-* アイキャッチ画像 Favicons by Loozrboy, on Flickr

「サイトの名刺?」ファビコン設置方法 -ファビコンテスト前哨戦-

本日はサイトの名刺『ファビコン』に関しての記事です。 Favicons by Loozrb

記事を読む

User Error by docbaty, on Flickr

現在、お客様からのリクエストを処理することができません。Google のエンジニアが問題解決に取り組んでおりますので、しばらくお待ちください。

User Error by docbaty, on Flickr Adse

記事を読む

Initial thoughts on Bilski by opensourceway, on Flickr

amazonJsで「amazonへのレスポンスがパース出来ません」エラーが出たときの対処法

Initial thoughts on Bilski by opensourceway,

記事を読む

WordPress4.5に更新したら、[ビジュアル][テキスト]タブの切り替えができなくなった!原因は「HeadSpace2」でした(・▽・)/ 編集ツールからやたら遠いイメージ図をクリスタのポーズくんで描いてみた。

WordPress4.5に更新したら、[ビジュアル][テキスト]タブの切り替えができなくなった!原因は「HeadSpace2」でした(・▽・)/

不具合ページサンプル(出演:クリスタのポーズさん) 登場人物:くつきちよこ ※管理人   佐藤

記事を読む

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

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

  Don't Panic Badge by Jim Linwood, on

記事を読む

「サイトへの AdSense 広告配信が停止されています」がSeesaaのタグ検索結果ページだった場合 Seesaa問題のタグ検索結果ページ

「サイトへの AdSense 広告配信が停止されています」が、Seesaaのタグ検索結果ページだった場合の対応メモ

問題のSeesaaのタグ検索結果ページのイメージ↑怖い……((((;゚Д゚))))カ

記事を読む

I believe I can fly - I believe I can touch the sky... by Harold Kuiper, on Flickr TOC+を使えば記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

TOC+を使えば同一記事内リンクもツーステップで簡単♪ 『wp 文字まで飛ぶようにしたい』で検索されていらしたどなたかへの手紙 

  秘密の抜け穴 I believe I can fly - I believe I can

記事を読む

A calm owl by Tambako The Jaguar, on Flickr 【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;) くつキッチュアイキャッチ画像

【お知らせ】姉妹サイト『イチパン!』復旧しました( ;∀;)

A calm owl by Tambako The Jaguar, on Flickr Some

記事を読む

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

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

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

  • パソコン工房「CLIP STUDIO PAINT PRO推奨パソコン」エントリーモデル登場