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

質問編集履歴

1

解決したのでコードを追記しました。

2019/12/25 10:41

投稿

退会済みユーザー
title CHANGED
File without changes
body CHANGED
@@ -70,4 +70,61 @@
70
70
  });
71
71
  </script>
72
72
  </body>
73
+ ```
74
+ ### 解決致しました
75
+ Takumiboo様よりアドバイスを頂き、投稿日の記述を変更・追記し解決致しました。
76
+ 下記、修正後のscriptのみのコードです。
77
+
78
+ Takumiboo様、本当にありがとうございました!
79
+
80
+ また、勉強不足で試したコードがあっているのかわからなかった為、
81
+ 試したことを未記入のまま質問してしまいました。
82
+ 申し訳ございません。
83
+
84
+ 次回以降気を付けさせて頂きます。
85
+
86
+ ```ここに言語名を入力
87
+ <script>
88
+ $(function(){
89
+ $.ajax({
90
+ type: 'GET',
91
+ url: 'http://example.net/news/wp-json/wp/v2/posts?per_page=3&_embed',
92
+
93
+ dataType: 'json'
94
+ }).done(function(json){
95
+ var html = '';
96
+ //記事の件数分イテレートする
97
+ $.each(json, function( i, row ) {
98
+
99
+ //ブログのタイトル
100
+ var title = row.title.rendered;
101
+ //ブログのURL
102
+ var link = row.link;
103
+ //ブログの投稿日
104
+ daydata = new Date(row.date);
105
+ var year = daydata.getFullYear();
106
+ var month = daydata.getMonth();
107
+ var day = daydata.getDate();
108
+ var targetday = year + '年' + month + '月'+ day + '日'
109
+
110
+ //サムネイル画像のURL
111
+ var thumbnail
112
+ if( row['_embedded']['wp:featuredmedia'] ) {
113
+ thumbnail = row['_embedded']['wp:featuredmedia'][0]['media_details']['sizes']['full']['source_url']
114
+ }
115
+ html += '<article class="wp-article">';
116
+ html += '<div class="eyecatch"><img src="' + thumbnail + '"></div>';
117
+ html += '<h3><a href="' + link + '">' + title + '</a></h3>';
118
+ html += '<p>' + targetday + '</p>';
119
+ html += '</article>';
120
+ });
121
+ //整形した記事の情報をページに追加する
122
+ $('#wordpress_blog').append(html)
123
+ }).fail(function(json){
124
+ console.error('WordPressのブログ記事取得に失敗しました。')
125
+ });
126
+ });
127
+ </script>
128
+
129
+
73
130
  ```