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

関連記事

お世話になっているのに、忘れがちな「ブログ村」のぷちメンテ♪「(関連)画像メンテナンス」と「関連キーワード確認・変更」 該当記事とは関係ない「ドナルド」と「ミクさん」が表示されている場合など[再取得]をクリックします。 ※または、ドナルドを[代表表示]したい場合は、ドナルドにチェックを入れ直しておきます。

お世話になっているのに、忘れがちな「ブログ村」のぷちメンテ♪「(関連)画像メンテナンス」と「関連キーワード確認・変更」

なぜかどの記事にも頻繁に出没する記事にぜんぜん関連してない、ド+ルド  

記事を読む

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、エラーが出たので対処してみた件 「PageSpeed Insights」にて、AMP導入後の爆速さ!!!

俺の妹が?モバイルサイトを爆速にしてくれるAMP(アンプ)を、WPプラグインで導入したら、本当に爆速になった件

AMPページサンプル 登場人物:くつきちよこ ※管理人   佐藤 ※ゲスト 本日は、サイ

記事を読む

ああこれSTINGERだなとわかるブログの特徴 検索ボックス編 Magnified Eye_5364c by hoyasmeg, on Flickr

「オッス!オラSTINGER!」……のカスタマイズ、検索ボックス編 あとちょろっとbtn素材配布♪

本日は、『くつキッチュ/SCRAPス!』でもお世話になっておりますWordPressテーマ『

記事を読む

Hardcover book gutter and pages by Horia Varlan, on Flickr ページををめくるめくwpプラグインFlippingBook Galleryとか合成GIFとかの雑談

ページををめくるめく効果が簡単に作れるwpプラグイン『FlippingBook Gallery』とか合成GIFとか諸々

※サーバーが落ちてるのかここしばらくつながらない状態のようです。様子見のため、URLやサンプルページ

記事を読む

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

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

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

記事を読む

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

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

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

記事を読む

Tumblrボタン(フォロー、共有)設置方法 記事下設置やプロフィールへの設置、その他シェア方法など イチパン!サンプル

WordPressでTumblrボタンを実装してみた(記事下、サイドバーへの設置、その他シェア方法など)

  Share on Tumblr こちら、昨日作ったくつキッチュの姉妹サイト『イチ

記事を読む

boxo fart by boxo, on Flickr Some rights reserved ネットオウルWPblog利用中方はプラグイン「w3-total-cache」インストールしちゃダメ!ゼッタイ! アイキャッチ画像

ネットオウルWPblog利用中方はプラグイン「w3-total-cache」をインストールしちゃ、ダメ!ゼッタイ!

なあ……ワードプレスなんですぐ死んでしまうん?~~(  ゜  ゜) なあ……なんでなん

記事を読む

マルチサイト化とかサーバーどうするかとかの雑談会 Money - Savings by 401(K) 2013, on Flickr

流行りに逆らってサーバーを選択した話

  サーバー選びのリアルな話 順調だったwpXクラウドのマルチサイト化(サブディレクトリ型)に影

記事を読む

User Error by docbaty, on Flickr

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

User Error by docbaty, on Flickr Adse

記事を読む

スポンサードリンク

スポンサードリンク

Message

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

CAPTCHA


Time limit is exhausted. Please reload CAPTCHA.

スポンサードリンク

スポンサードリンク

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

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

  • くつキッチュ!SCRAPス アイコン 創作支援 カテゴリへ《創作支援》

    くつキッチュ!アイコン カテゴリwordpress全般へ 《WP関係》

    くつキッチュ!アイコン-copyright-著作権カテゴリへ  《著作権関係》

    くつキッチュ!アイコン小ネタ/物語用小ネタ カテゴリへ  《小ネタ/物語用小ネタ etc...》
    ※オンマウスでタイトルが表示されます。




『創作支援屋くつキッチュスクラップス!』は、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。