teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

6

ソース修正

2017/12/02 05:25

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -73,35 +73,32 @@
73
73
  <head>
74
74
  <meta charset="UTF-8">
75
75
  <title>WP REST APIテストページ</title>
76
+ </head>
77
+ <body>
78
+ <h2>メンバー 全件</h2>
79
+ <ul id="mylist">
80
+ </ul>
76
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
81
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
77
82
  <script type="text/javascript">
78
83
  $(function() {
79
84
  $.getJSON( "http://example.net/wp/wp-json/wp/v2/member/?_embed", function(results) {
80
85
  $.each(results, function(i, item) {
81
- $("ul#mylist").append("<li>"
86
+ $('ul#mylist').append('<li>'
82
- +"【記事タイトル】" + item.title.rendered
87
+ +'【記事タイトル】' + item.title.rendered
83
- + "<br>"
88
+ +'<br>'
84
- +"【記事サムネイル_フル画像URL】" + item["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["full"]["source_url"]
89
+ +'【記事サムネイル_フル画像URL】' + item['_embedded']['wp:featuredmedia'][0]['media_details']['sizes']['full']['source_url']
85
- + "<br>"
90
+ +'<br>'
86
- +"【記事サムネイル_リサイズ画像URL】" + item["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["w700"]["source_url"]
91
+ +'【記事サムネイル_リサイズ画像URL】' + item['_embedded']['wp:featuredmedia'][0]['media_details']['sizes']['w700']['source_url']
87
- + "<br>"
92
+ +'<br>'
88
- +"【acf値】" + item.acf.事務所
89
- + "<br>"
90
- +"【acf フル画像URL】" + item.acf.メッセージ画像.url
93
+ +'【acf フル画像URL】' + item.acf.メッセージ画像.url
91
- + "<br>"
94
+ +'<br>'
92
- +"【acf リサイズ画像URL】" + item.acf.メッセージ画像.sizes.top_slider
95
+ +'【acf リサイズ画像URL】' + item.acf.メッセージ画像.sizes.top_slider
93
- + "</li>"
96
+ +'</li>'
94
- + "<hr>");
97
+ +'<hr>');
95
98
  });
96
99
  });
97
100
  });
98
101
  </script>
99
- </head>
100
- <body>
101
- <h2>メンバー 全件</h2>
102
- <ul id="mylist">
103
-
104
- </ul>
105
- </body>
102
+ </body>
106
103
  </html>
107
104
  ```

5

「「

2017/12/02 05:25

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -65,8 +65,7 @@
65
65
 
66
66
  ####解決コード
67
67
  kei344様の助言をもとに書き直しました(出力成功例)。
68
- エンドポイントの設定でカスタム投稿タイプを表す「member」のうしろに[
68
+ エンドポイントの設定でカスタム投稿タイプを表す「member」のうしろに[?_embed]を追記することで解決。
69
- ?_embed]を追記することで解決。
70
69
 
71
70
  ```html
72
71
  <!DOCTYPE html>

4

解決

2017/12/02 04:45

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -57,4 +57,52 @@
57
57
  item["_links"]["wp:featuredmedia"][0]["href"]
58
58
  で可能でしたが、その後のサムネイルサイズ指定、URL取得ができていない状況です。
59
59
 
60
- rest apiに詳しい方がいらっしゃいましたらご教示いただけましたら幸いでございます。
60
+ rest apiに詳しい方がいらっしゃいましたらご教示いただけましたら幸いでございます。
61
+
62
+
63
+
64
+
65
+
66
+ ####解決コード
67
+ kei344様の助言をもとに書き直しました(出力成功例)。
68
+ エンドポイントの設定でカスタム投稿タイプを表す「member」のうしろに[
69
+ ?_embed]を追記することで解決。
70
+
71
+ ```html
72
+ <!DOCTYPE html>
73
+ <html lang="ja">
74
+ <head>
75
+ <meta charset="UTF-8">
76
+ <title>WP REST APIテストページ</title>
77
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
78
+ <script type="text/javascript">
79
+ $(function() {
80
+ $.getJSON( "http://example.net/wp/wp-json/wp/v2/member/?_embed", function(results) {
81
+ $.each(results, function(i, item) {
82
+ $("ul#mylist").append("<li>"
83
+ +"【記事タイトル】" + item.title.rendered
84
+ + "<br>"
85
+ +"【記事サムネイル_フル画像URL】" + item["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["full"]["source_url"]
86
+ + "<br>"
87
+ +"【記事サムネイル_リサイズ画像URL】" + item["_embedded"]["wp:featuredmedia"][0]["media_details"]["sizes"]["w700"]["source_url"]
88
+ + "<br>"
89
+ +"【acf値】" + item.acf.事務所
90
+ + "<br>"
91
+ +"【acf フル画像URL】" + item.acf.メッセージ画像.url
92
+ + "<br>"
93
+ +"【acf リサイズ画像URL】" + item.acf.メッセージ画像.sizes.top_slider
94
+ + "</li>"
95
+ + "<hr>");
96
+ });
97
+ });
98
+ });
99
+ </script>
100
+ </head>
101
+ <body>
102
+ <h2>メンバー 全件</h2>
103
+ <ul id="mylist">
104
+
105
+ </ul>
106
+ </body>
107
+ </html>
108
+ ```

3

誤字

2017/12/02 04:44

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -57,4 +57,4 @@
57
57
  item["_links"]["wp:featuredmedia"][0]["href"]
58
58
  で可能でしたが、その後のサムネイルサイズ指定、URL取得ができていない状況です。
59
59
 
60
- rest apiに詳しい方がいらっしゃいましたらご教いただけましたら幸いでございます。
60
+ rest apiに詳しい方がいらっしゃいましたらご教いただけましたら幸いでございます。

2

リンク

2017/12/01 03:14

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
  ・サムネイル画像
6
6
  を表示させたいです。
7
7
 
8
- 「タイトル」と「カスタムフィールド値」の出力はLIG様の記事で出力に成功しました。
8
+ 「タイトル」と「カスタムフィールド値」の出力はLIG様の記事(https://liginc.co.jp/325391)で出力に成功しました。
9
9
 
10
10
  ###発生している問題・エラーメッセージ
11
11
  問題はサムネイル画像です。現在下記のように記述しましたがサムネイルのURLを取得できません、どのように記述すれば良いのか困っております。

1

っd

2017/12/01 03:13

投稿

holic
holic

スコア134

title CHANGED
File without changes
body CHANGED
@@ -8,7 +8,7 @@
8
8
  「タイトル」と「カスタムフィールド値」の出力はLIG様の記事で出力に成功しました。
9
9
 
10
10
  ###発生している問題・エラーメッセージ
11
- 問題はサムネイル画像です。現在下記のように記述しましたがmediaのURLを取得できません、どのように記述すれば良いのでしょうか。
11
+ 問題はサムネイル画像です。現在下記のように記述しましたがサムネイルのURLを取得できません、どのように記述すれば良いのか困っております
12
12
 
13
13
  カスタム投稿タイプのmember記事全件を読み込んでおります。
14
14
  表示させようとしています。
@@ -57,7 +57,4 @@
57
57
  item["_links"]["wp:featuredmedia"][0]["href"]
58
58
  で可能でしたが、その後のサムネイルサイズ指定、URL取得ができていない状況です。
59
59
 
60
- rest apiに詳しい方がいらっしゃいましたらご教授いただけましたら幸いでございます。
60
+ rest apiに詳しい方がいらっしゃいましたらご教授いただけましたら幸いでございます。
61
-
62
- ###補足情報(言語/FW/ツール等のバージョンなど)
63
- より詳細な情報