福島・埼玉のWEBサイト制作・ホームページ制作会社 キャスパーウゥブデザイン
MENU

Kyasper Note

この記事はNOTE(メモ)として作成された単一記事です。
2015年4月11日

Google APIとrssを利用して、外部サイトの新着タイトル・サムネイルを取得・表示

Google APIを利用して、外部サイトのタイトル・サムネイルを取得して表示する方法 *サムネイルは最初にくる画像
*WordPressでも、そのまま利用可

1.rss.jsの作成

留意点
*8行目:対象feedのURLを記入
*20行目:HTML上で記述するIDに合わせる
*32〜39行目:繰り返し出力される部分。必要に応じて整形する。(今回はBootstrapのlist-groupにあわせた記述になっています。)
*53〜56行目:複数サイトのrssを読み込みたい場合はのコメント

2.HTML上で表示させる

留意点
*5行目:環境に応じて、「1」で作成したrss.jsを読み込むパスを記述
*8行目:feedを出力したい場所に記述(出力したい場場所にscriptも含め記述するだけでOK)
*8行目:rss.js20行目と合わせる
カテゴリー:  
タグ: