WordPress『 WP REST API 』#1 ブログを他のサイトに埋め込む方法｜レンタルサーバーナレッジ
複数の Web サイトを運用していて、WordPress で投稿したブログの内容（タイトルやアイキャッチ、公開日など）を別の Web サイトにも表示させたいと思ったことはありませんか？ 同じサーバー上でしたら読み込むのは簡単ですが、別のサーバー上にある WordPress の投稿を参照するのはハードルが高めです。 そこで今回は、WordPress に標準搭載されている『 WP REST API 』を使ってブログの内容を他の Web サイトに表示させる方法を紹介します。 PHP を使わず JavaScript と HTML だけで実装できるので、表示させたい側の Web サイトのサーバーが PHP に対応していない場合も安心です。 目次 WordPress の『 WP REST API 』について 『 WP REST API 』で最新のブログ一覧を取得する方法 他のWebサイトに最新のブログ
WP REST API でタイトルで検索する。 - Qiita
WordPress で WP REST API を使って検索するときに、 http://example.org/wp-json/wp/v2/posts/?search=タイトル ですると、本文内に含まれているものまで検索されてがっかりするあなたにこんな事してみてはいかがでしょうか。 add_filter( 'rest_post_query', 'my_rest_post_query', 10, 2 ); // rest_{post_type}_query 今回は post なので rest_post_query function my_rest_post_query( $args, $request ) { if ( isset( $request['title'] ) ) { $args['title'] = esc_attr( $request['title'] ); } return
WordPress REST API での検索条件設定 - Qiita
やりたかったこと カスタムフィールドの値を用いて取得結果をソートしたかった。 結論 rest_[post_type]_query フィルターフックに処理を適用することでREST APIで検索条件の設定が行えます。 例えば以下のようにフィルターフックに処理を追加することで、特定の投稿タイプ(今回はpost)の投稿一覧を取得する際に指定のカスタムフィールドの降順でソートされた結果が返ります。 add_filter('rest_post_query', function ($args, $query) { $args['orderby'] = 'meta_value_num'; // meta_value_numは数値として扱う、meta_valueだと文字列扱い $args['meta_key'] = '[カスタムフィールド名]'; return $args; }, 10, 2); 詳細 re
WordPressのREST APIで全記事を取得したい - Qiita
ポートフォリオを引き続きアップデートしており 今はWordPressのREST APIを使用してブログ機能を追加しています。 TL;DR WordPressのREST APIだと最大でも100件までしか記事が取得できなかったから functions.phpに全記事を書き出すJSONを追加してみた。 WordPressのREST APIの取得について まずドキュメントへのリンクを。 WordPressの公開URL末尾に「/wp-json/wp/v2/」することで取得可能で ここにパラメーターなどを渡して、カテゴリー一覧などを取得します。 公式サイトのURLだとこんなイメージ https://wordpress.org/wp-json/wp/v2/ デフォルトで最大件数で取得する場合のパラメーターでよくあるのはこれみたいです（検索調べ） /wp-json/wp/v2/posts?per_pag
wordpressのapiとajaxを使って画像やデータを取得、表示する方法 – 東京渋谷区初台のWeb・ホームページ制作会社和田工房
wordpress apiを取得 wordpress rest api と言う仕組みでデータを取得する サイトのurl/wp-json/wp/v2/posts でデータを見られる ajaxとjson jsのajaxを使用し、データを取得し、リンク付きのタイトルを表示する $.ajax({ type: "GET", url: "サイトのurl/wp-json/wp/v2/posts", dataType: "json" }).then( function(json){ for(var i in json){ $("ul").append( "<a href='" + json[i].link + "'>" + json[i].title.rendered + "</a>" ); if(i >= 数値を指定){ //指定した数値以降にループを抜ける処理 break; } } }, functi
WP REST APIでJSONデータを取得する（基本データ+カスタム要素の追加＆カスタム投稿） - イラ備忘録
WP REST APIを利用すると、PHP以外の言語でWordPressのデータが扱えるようになり、とても便利ですよね。（ちなみにREST APIの”REST“は”REpresentational State Transfer”の略。画像のような休憩のRESTじゃないです…） 大体のモダンな言語ではHTTPの送信とJSONデータが扱えるのではないかと思います。（知らんけど） 予め用意されている基本のJSONデータ 投稿データを取得 最新の投稿10件を取得されます。 http://example.com/wp-json/wp/v2/posts ちなみに当サイトのデータ https://illustswitch.com/wp-json/wp/v2/posts データが見辛いわっ！…という場合 Chromeを使用されている場合は”JSON Viewer“というアドオンがおススメです。綺麗に整形し
WP REST APIをシングルページアプリケーションで使うためにいろいろカスタマイズしてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先日、「他のフレームワークとの比較 – Vue.js」を読んでVue.jsを触ってみたくなった、フロントエンドエンジニアのいなばです。 なにかいい遊び場所がないか探していたら、WordPressで実装されたLIGの制作実績サイトがあったので、WP REST APIを使ってVue.jsで遊んでみることにしました。 WP REST APIとは WordPress4.7でプラグインからWordPressのコアに組み込まれた機能でエンドポイントから記事やタグ、カテゴリなどのデータをjsonで取得することができます。 記事一覧の取得 さっそく記事一覧を /wp-json/wp/v2/posts から取得してみます。 長いのでほぼ省略しましたが、こんなJSONを取得することができました。 [ { "id": 1531, "date": "2017-04-26T16:50:56", "date_gmt"
REST API対応のWordPressのカスタム投稿タイプを1分でつくる – Capital P – WordPressメディア
WordPressでカスタム投稿タイプをつくるには以下の register_post_type() を使用します。 register_post_type() はい、でもやったことがある方はご存知の通りパラメータが多くてとてもめんどくさいです。 でも WP-CLI ユーザーの皆さんは、コマンド一発で終わります。 $ wp scaffold post-type <slug> たとえば information というカスタム投稿タイプをつくりたいなら以下のような感じです。 $ wp scaffold post-type information このコマンドを実行するとカスタム投稿タイプを定義するためのPHPコードが出力されますので、それをファイルとして保存して、プラグインなりテーマなりからrequireしたらそれで完了です。 超簡単にやるなら以下のように mu-plugins の中に直接書き込め
Ionic-WP.com
WordPressでSPAをつくるオープンソース Ionic-WP.comは、WordPressのREST APIを通してデータを取得してきて表示するSPA（Single Page Application）テーマです。 デモはこちらをご覧ください。 SPAはGoogleが推進している「ウェブのアプリ化」のための技術です。 SPAにすることでTwitter LightのようにWebページをアプリとして扱えたり、オフラインでも表示できるようになり 大きくUXを向上することができるといわれていますが、どこから手をつけたらいいかわからないとよく聞くので、 簡単にconfigファイルをいじるだけで自分のWordPressをSPAで表示することができるようにテーマをつくり、オープンソースとして公開しました。 WordPress.comだけではなく、自分でホスティングしているWordPress（org）
WordPress REST APIでイマドキHeadless CMS - ドークツ
正直あまり時流に乗れていないのですが、昨今フロントエンドとバックエンドを分離してフロントにより自由度を！ とのコンセプトのもと「Headless（ヘッドレス） CMS」なるものが流行しているそうです。 国内ではあまりサービスは見られないものの、海外ではHeadless CMSの先駆けとして「Elemeno」、そしてFacebook社も「GraphCMS」をリリースしています。 確かにCMSからViewを分離できれば、 CMS側ではJSON（API）のみになるためフロント側が言語に依存しないホスティングされたものが使えるため自前のサーバーがいらず、セキュリティ等もおまかせ等のメリットがあります。 とはいえ、やはりそこは枯れたWordPress。 痒いところに手が届くプラグイン群や日本語のUIはクライアントワークには欠かせません。 そこで、「インストールしたらまずはREST APIをオフに」等
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordpressのREST APIで記事の総件数を取得する方法？ - ユアマイスター株式会社エンジニアブログ