質問編集履歴

3

具体的な現状という項目を追加しました。

2018/11/02 11:46

投稿

uk_63
uk_63

スコア29

test CHANGED
File without changes
test CHANGED
@@ -191,3 +191,23 @@
191
191
  公式サイトを参考にした ⇛ [slick 公式サイト](http://kenwheeler.github.io/slick/)
192
192
 
193
193
  ブログを参考にした ⇛ - [個人のブログ](https://ozonosho.net/2982/)
194
+
195
+
196
+
197
+ ### 具体的な現状
198
+
199
+ ```javascript
200
+
201
+ jQuery().ready(function($){
202
+
203
+ $('#slider').slick();
204
+
205
+ });
206
+
207
+ ```
208
+
209
+ 上記のコードは作動しているようです。
210
+
211
+ コチラをコメントすると3枚画像が縦に並びますが、
212
+
213
+ 作動させると一番上の<img>だけ表示されます。

2

パスを確認しましたが、以前と同じコンソールエラーが出ます。

2018/11/02 11:46

投稿

uk_63
uk_63

スコア29

test CHANGED
File without changes
test CHANGED
@@ -40,35 +40,15 @@
40
40
 
41
41
  ```
42
42
 
43
+ Failed to load resource: the server responded with a status of 404 (Not Found)
44
+
45
+ slick.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
46
+
43
47
  slick-theme.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)
44
-
45
- slick.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)
46
48
 
47
49
  slick.min.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
48
50
 
49
51
  jquery-migrate.min.js?ver=1.4.1:2 JQMIGRATE: Migrate is installed, version 1.4.1
50
-
51
- (index):126 Uncaught TypeError: $(...).slick is not a function
52
-
53
- at HTMLDocument.<anonymous> ((index):126)
54
-
55
- at j (jquery-1.11.0.min.js:2)
56
-
57
- at Object.fireWith [as resolveWith] (jquery-1.11.0.min.js:2)
58
-
59
- at Function.ready (jquery-1.11.0.min.js:2)
60
-
61
- at HTMLDocument.K (jquery-1.11.0.min.js:2)
62
-
63
- (anonymous) @ (index):126
64
-
65
- j @ jquery-1.11.0.min.js:2
66
-
67
- fireWith @ jquery-1.11.0.min.js:2
68
-
69
- ready @ jquery-1.11.0.min.js:2
70
-
71
- K @ jquery-1.11.0.min.js:2
72
52
 
73
53
  slick-theme.css:1 Failed to load resource: the server responded with a status of 404 (Not Found)
74
54
 
@@ -112,11 +92,11 @@
112
92
 
113
93
  <?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>
114
94
 
115
- <!-- slick -->
95
+ <link rel="stylesheet" type="text/css" href="/slick-1.8.1slick/slick.css"/>
116
96
 
117
- <link rel="stylesheet" type="text/css" href="slick/slick.css"/>
97
+ <link rel="stylesheet" type="text/css" href="/slick-1.8.1slick/slick-theme.css"/>
118
98
 
119
- <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
99
+
120
100
 
121
101
 
122
102
 
@@ -150,11 +130,9 @@
150
130
 
151
131
  <?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>
152
132
 
153
- <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
133
+ <script type="text/javascript" src="/slick-1.8.1/slick/slick.min.js"></script>
154
134
 
155
- <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
156
135
 
157
- <script type="text/javascript" src="slick/slick.min.js"></script>
158
136
 
159
137
 
160
138
 
@@ -178,7 +156,7 @@
178
156
 
179
157
  jQuery().ready(function($){
180
158
 
181
- $('slider').slick();
159
+ $('#slider').slick();
182
160
 
183
161
  });
184
162
 
@@ -190,7 +168,7 @@
190
168
 
191
169
 
192
170
 
193
- <ul class="slider">
171
+ <ul id="slider">
194
172
 
195
173
  <li><img src="<?php echo get_stylesheet_directory_uri() .'/images/slidesample.jpg' ?>"></li>
196
174
 
@@ -208,7 +186,7 @@
208
186
 
209
187
 
210
188
 
211
- パスがあっているか確かめた ⇛ 合っているはずだ作動しない。
189
+ パスがあっているか確かめた ⇛ 合っているが機能しない。
212
190
 
213
191
  公式サイトを参考にした ⇛ [slick 公式サイト](http://kenwheeler.github.io/slick/)
214
192
 

1

コード部分を整理しました。

2018/11/02 11:41

投稿

uk_63
uk_63

スコア29

test CHANGED
File without changes
test CHANGED
@@ -82,13 +82,11 @@
82
82
 
83
83
 
84
84
 
85
- ```ここに言語名を入力
85
+ ```php
86
-
87
-
88
-
89
-
90
-
86
+
91
- ****header-insert.php****
87
+ **header-insert.php**
88
+
89
+
92
90
 
93
91
  <?php
94
92
 
@@ -122,9 +120,15 @@
122
120
 
123
121
 
124
122
 
125
-
123
+ ```
124
+
125
+
126
+
126
-
127
+ ```php
128
+
127
- ****body-top-insert.php****
129
+ **body-top-insert.php**
130
+
131
+
128
132
 
129
133
  <?php
130
134
 
@@ -154,8 +158,18 @@
154
158
 
155
159
 
156
160
 
161
+ ```
162
+
163
+
164
+
165
+
166
+
167
+ ```Javascript
168
+
157
169
  ****javascript.js****
158
170
 
171
+
172
+
159
173
  //ここに追加したいJavaScript、jQueryを記入してください。
160
174
 
161
175
  //このJavaScriptファイルは、親テーマのJavaScriptファイルのあとに呼び出されます。
@@ -168,9 +182,13 @@
168
182
 
169
183
  });
170
184
 
171
-
185
+ ```
172
-
186
+
187
+
188
+
173
- ****HTML****
189
+ ```HTML
190
+
191
+
174
192
 
175
193
  <ul class="slider">
176
194