teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問【wordpress】 instagram feedで出力エラー

編集履歴

質問編集履歴

7

追記

2021/03/25 03:43

投稿

apple115
apple115

スコア0

test CHANGED
File without changes
test CHANGED
@@ -18,13 +18,15 @@
18
18
 
19
19
 
20
20
 
21
- Action Log:
21
+ ~~Action Log:~~
22
22
 
23
- 03-18 07:00:37 - Saved settings on the configure tab.
23
+ ~~03-18 07:00:37 - Saved settings on the configure tab.~~
24
24
 
25
- 03-24 02:51:29 - Cleared connection error.
25
+ ~~03-24 02:51:29 - Cleared connection error.~~
26
26
 
27
- 03-24 02:51:29 - Cleared connected account error ○○○○(インスタアカウント名)
27
+ ~~03-24 02:51:29 - Cleared connected account error ○○○○(インスタアカウント名)~~
28
+
29
+ こちらはトークン再設定しました。
28
30
 
29
31
 
30
32
 

6

追記

2021/03/25 03:43

投稿

apple115
apple115

スコア0

test CHANGED
File without changes
test CHANGED
@@ -96,11 +96,13 @@
96
96
 
97
97
  ```
98
98
 
99
- - Cleared connected account error ○○○○(インスタアカウント名)
99
+ ~~- Cleared connected account error ○○○○(インスタアカウント名)
100
100
 
101
101
  とあったので、Configureの**『Button not working?』**からトークンを入力してみましたが
102
102
 
103
- Please enter a valid User ID for this Business account.出てしまいました。
103
+ Please enter a valid User ID for this Business account.出てしまいました。~~
104
+
105
+ こちらのエラーはクリアできました。
104
106
 
105
107
 
106
108
 

5

試したことの追加

2021/03/25 03:42

投稿

apple115
apple115

スコア0

test CHANGED
File without changes
test CHANGED
@@ -96,6 +96,12 @@
96
96
 
97
97
  ```
98
98
 
99
+ - Cleared connected account error ○○○○(インスタアカウント名)
100
+
101
+ とあったので、Configureの**『Button not working?』**からトークンを入力してみましたが
102
+
103
+ Please enter a valid User ID for this Business account.出てしまいました。
104
+
99
105
 
100
106
 
101
107
 

4

エラーメッセージの追加

2021/03/25 03:27

投稿

apple115
apple115

スコア0

test CHANGED
File without changes
test CHANGED
@@ -9,6 +9,24 @@
9
9
 
10
10
 
11
11
  ### 発生している問題・エラーメッセージ
12
+
13
+ #### 追記:エラーメッセージ
14
+
15
+ Error Log:
16
+
17
+ 03-24 02:43:56 - API error 2: An unexpected error has occurred. Please retry your request later.
18
+
19
+
20
+
21
+ Action Log:
22
+
23
+ 03-18 07:00:37 - Saved settings on the configure tab.
24
+
25
+ 03-24 02:51:29 - Cleared connection error.
26
+
27
+ 03-24 02:51:29 - Cleared connected account error ○○○○(インスタアカウント名)
28
+
29
+
12
30
 
13
31
  #### 出力はできましたが、表示がおかしい。
14
32
 

3

書式の改善

2021/03/25 03:12

投稿

apple115
apple115

スコア0

test CHANGED
File without changes
test CHANGED
@@ -72,7 +72,7 @@
72
72
 
73
73
  <div class="instaBOX">
74
74
 
75
- <div id="instagram-feed"><?php echo do_shortcode('[instagram-feed num=9 cols=3]'); ?></div>
75
+ <div id="instagram-feed"><?php echo do_shortcode('[instagram-feed num=9 cols=3]'); ?></div>
76
76
 
77
77
  </div>
78
78
 

2

書式の改善

2021/03/25 02:41

投稿

apple115
apple115

スコア0

test CHANGED
File without changes
test CHANGED
@@ -2,13 +2,15 @@
2
2
 
3
3
 
4
4
 
5
- **instagram feedでホームページにインスタを表示させたい。**
5
+ #####instagram feedでインスタを画像のように表示させたい。
6
+
7
+ ![イメージ説明](925f46838770545c54051826c5d9b6eb.jpeg)
6
8
 
7
9
 
8
10
 
9
11
  ### 発生している問題・エラーメッセージ
10
12
 
11
- #### 出力はできましたが、表示の仕方がおかしい。
13
+ #### 出力はできましたが、表示がおかしい。
12
14
 
13
15
 
14
16
 
@@ -16,7 +18,9 @@
16
18
 
17
19
  Customizeでの設定が反映されません。
18
20
 
19
- また、6枚表示で3枚ずつ並べると設定していますが、重なってしまっています。
21
+ また、6枚表示で3枚ずつ並べると設定していますが、
22
+
23
+ 細長く重なって表示されている状態です。
20
24
 
21
25
 
22
26
 
@@ -25,14 +29,6 @@
25
29
  **<img src=～>の部分のelement.styleのdisplay:none;**をオフにすると元の大きさに戻り、
26
30
 
27
31
  縦1列に６枚表示されるので、６枚出力は出来ているようです。
28
-
29
-
30
-
31
- どのようにすれば表示させることが出来るでしょうか？
32
-
33
- どう解決すればよいのか全く分からず質問しました。
34
-
35
- よろしくお願いいたします。
36
32
 
37
33
 
38
34
 

1

書式の改善

2021/03/25 02:36

投稿

apple115
apple115

スコア0

test CHANGED
@@ -1 +1 @@
1
- 【至急】wordpress instagram feedでインスタを表示させたい。
1
+ 【wordpress】 instagram feedで出力エラー
test CHANGED
@@ -8,17 +8,13 @@
8
8
 
9
9
  ### 発生している問題・エラーメッセージ
10
10
 
11
-
12
-
13
- 表示はできたが、サイズがおかしい
11
+ #### 出力はできましたが、表示の仕方がおかしい。
14
12
 
15
13
 
16
14
 
17
- Customizeできちんと設定されているのに反映されません。
18
-
19
- どのようにすればきちんと表示させることが出来るでしょうか？
20
15
 
21
16
 
17
+ Customizeでの設定が反映されません。
22
18
 
23
19
  また、6枚表示で3枚ずつ並べると設定していますが、重なってしまっています。
24
20
 
@@ -26,9 +22,13 @@
26
22
 
27
23
  デペロッパーツールで
28
24
 
29
- <img src=～>の部分のelement.styleのdisplay:none;をオフにすると元の大きさに戻り、６枚表示されます。
25
+ **<img src=～>の部分のelement.styleのdisplay:none;**をオフにすると元の大きさに戻り、
26
+
27
+ 縦1列に６枚表示されるので、６枚出力は出来ているようです。
30
28
 
31
29
 
30
+
31
+ どのようにすれば表示させることが出来るでしょうか？
32
32
 
33
33
  どう解決すればよいのか全く分からず質問しました。
34
34
 
@@ -36,23 +36,29 @@
36
36
 
37
37
 
38
38
 
39
- ![イメージ説明](25f6d91981268e67882bd61acd3f2001.jpeg)
39
+ ![イメージ説明](8d31010cbd7ab051e7ae910d728f96b4.jpeg)
40
+
41
+ ### 該当のソースコード
40
42
 
41
43
 
42
44
 
43
- ### 該当のソースコード
45
+ ```php
44
46
 
45
- 1行目　<?php require_once('./wp-load.php'); ?>
47
+ <?php require_once('./wp-load.php'); ?>
46
48
 
49
+ ```
47
50
 
48
-
51
+ ```html
49
-
50
52
 
51
53
  <div class="instaBOX">
52
54
 
53
55
  <div id="instagram-feed"><?php echo do_shortcode('[instagram-feed]'); ?></div>
54
56
 
55
57
  </div>
58
+
59
+ ```
60
+
61
+
56
62
 
57
63
 
58
64
 
@@ -62,7 +68,19 @@
62
68
 
63
69
  - プラグインのインストールやり直し
64
70
 
65
- - 他のプラグイン無効化。
71
+ - 他のプラグイン無効化
72
+
73
+ - htmlでショートコードの変更
74
+
75
+ ```html
76
+
77
+ <div class="instaBOX">
78
+
79
+ <div id="instagram-feed"><?php echo do_shortcode('[instagram-feed num=9 cols=3]'); ?></div>
80
+
81
+ </div>
82
+
83
+ ```
66
84
 
67
85
 
68
86
 
@@ -70,6 +88,18 @@
70
88
 
71
89
  ### 補足情報（FW/ツールのバージョンなど）
72
90
 
91
+ Smash Balloon Instagram Feed　バージョン 2.9
73
92
 
74
93
 
94
+
95
+ ######カスタマイズの設定
96
+
97
+ Width of Feed 100%
98
+
99
+
100
+
101
+ Number of Photos 6
102
+
75
- ここにより詳細な情報を記載してください。
103
+ Number of Columns 3
104
+
105
+ Padding around Images 5px