Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

WP REST API を使って投稿写真リストページを作る。|WordPressもくもく勉強会 at コエド第11回

2,284 views

Published on

2016-02-06(土)14:00 「WordPressもくもく勉強会 at コエド11回」

タイトル:
WordPressで作る焼き鳥サイト
WP REST API を使って投稿写真リストページを作る。
Media Endpoins と jQuery.getJSON

ショートセッションでのスライドです。

WordPress REST API を使って、記事に添付された写真を取得してみました。

クロスドメインでも取得できるのでとても使いやすいかなと思います!

記事で投稿された写真を再利用できるので、特定キーワードの写真を集めたり、並べ替えたりと自由度が高いです。

=================

「WordPressもくもく勉強会 at コエド」は、WordPressを学びたい人たちが集まって発表したり、自主学習する勉強会です。定期開催しています。

開催の連絡は以下の方法で受け取ることができます。

## DoorKeeperグループ
イベント申し込みを受け付けている、DoorKeeper でのグループです。
https://wp-moku.doorkeeper.jp/

## Facebookグループ:
イベント告知や技術情報をお互いにシェアしています。
https://www.facebook.com/groups/wpmoku/

## Twitterハッシュタグ
ハッシュタグは、 #wpmoku です。
Twitterにもイベント、勉強会の情報を流しています。

Published in: Internet
  • -- DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT -- ......................................................................................................................... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... (Unlimited)
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/yyxo9sk7 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

WP REST API を使って投稿写真リストページを作る。|WordPressもくもく勉強会 at コエド第11回

  1. 1. WordPressもくもく勉強会 at コエド第11回 16.02.05 WP REST API を使って投稿写真リストページを作る。 TickleCode. Yoshinori Kobayashi1 WordPressで作る焼き鳥サイト Media Endpoins と jQuery.getJSON
  2. 2. もくもく会(自主勉強会)を複数の運営メンバーや アドバイザーの方々とともに、定期開催しています。 勉強会を定期開催しています)^o^( 2 【CoEdo.rb】 Ruby / Ruby on Rails ビギナーズ勉強会 Swiftビギナーズ勉強会
  3. 3. 3 WordPressもくもく 勉強会 もくもく会(自主勉強会)を複数の運営メンバーや アドバイザーの方々とともに、定期開催しています。 勉強会を定期開催しています)^o^( WordPress コントリビュート 勉強会
  4. 4. 4 今回やりたいこと サイトで撮影した写真の一覧をつくる。 ページネーションを追加するか、スクロールした ときに、次の写真をふわっと出したい。 ※まだ、未完成^^;
  5. 5. 5 WP REST API Plugin プラグインの導入でAPIが使えるようになる。
  6. 6. 6 getJSONでエンドポイントから取得 var endpoint = '/wp-json/wp/v2/media'; jQuery.getJSON(endpoint,function(json){ // ここに取得後の処理を書いていく。 } jQueryのgetJSONでエンドポイント(URL)を 指定するとデータが取得できる。
  7. 7. 7 Media が取得できるエンドポイント エンドポイント Endpoints 動作が定義されるURLを示す。 URLにアクセスすると特定の動作を行える。 /wp-json/wp/v2/media http://v2.wp-api.org/reference/media/ Media API Reference
  8. 8. 8 エンドポイントでのパラメタ指定 1ページ目で12件取得する。 wp-json/wp/v2/media?per_page=12
  9. 9. 9 エンドポイントでのパラメタ指定 2ページ目で12件取得する。 wp-json/wp/v2/media?page=2&per_page=12
  10. 10. 10 APIで取得したデータからの取り出し 取得したデータはJSON Object になっているので、 必要なデータを取り出す。 http://v2.wp-api.org/reference/media/ Media API Reference
  11. 11. 11 APIで取得したデータからの取り出し メディアのURLを取得:source_url var endpoint = '/wp-json/wp/v2/media'; jQuery.getJSON(endpoint,function(json){ var items = []; jQuery.each( json, function( key, val ) { items.push( '<li id="' + key + '"><img src="' + val.source_url + ‘"/></li>'); }); : http://yakitori-ya.net/wp/wp-content/uploads/2015/09/search-gnavi.jpg
  12. 12. 12 APIで取得したデータからの取り出し メディアが掲載されている記事のURL:link Ex. http://yakitori-ya.net/search-gnavi/search-gnavi-2/ メディアのファイル名:title.rendered Ex. suitenguumae-ikkyuu 管理画面で設定した代替テキスト:alt_text Ex. 焼き鳥 古ぢどり屋がテレビで紹介 http://v2.wp-api.org/reference/media/ Media API Reference Shema
  13. 13. 13 REST API では他ドメインのデータも取得できる。 REST API ではクロスドメインでもデータ取得が行え るので、複数サイトのデータを取得することができま す。 http://yakitori-ya.net/・・・ クライアント http://yakitori-ya.net/photo-library/ http://oyakodon.net/・・・
  14. 14. 14 注意したいこと! 取得(Read)だけなら認証は不要! Cookie Authentication、OAuth Authentication などは 使わなくても取得できる。 書き込み(Write)したいときは、Cookie Authentication、OAuth Authentication が必要になる。 http://v2.wp-api.org/guide/authentication/ Authentication | WP REST API V2
  15. 15. ご清聴ありがとうございました。 15

×