回答編集履歴
4
コード修正: $ → jQuery
test
CHANGED
@@ -23,16 +23,15 @@
|
|
23
23
|
</html>
|
24
24
|
```
|
25
25
|
```javascript
|
26
|
-
(function () {
|
27
|
-
|
26
|
+
jQuery('.slider').slick({
|
28
|
-
|
27
|
+
autoplay: true,
|
29
|
-
|
28
|
+
autoplaySpeed: 0,
|
30
|
-
|
29
|
+
arrows: false,
|
31
|
-
|
30
|
+
cssEase: 'linear',
|
32
|
-
|
31
|
+
pauseOnDotsHover: false,
|
33
|
-
|
32
|
+
pauseOnFocus: false,
|
34
|
-
|
33
|
+
pauseOnHover: false,
|
35
|
-
|
34
|
+
speed: 12000,
|
36
|
-
|
35
|
+
swipe: false
|
37
|
-
})
|
36
|
+
});
|
38
37
|
```
|
3
誤記修正: スライドショーショー → スライドショー
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
画像を見た限り、PCでもスライドショー
|
1
|
+
画像を見た限り、PCでもスライドショーになっているように見えません。
|
2
2
|
参考にされたサイトと見た目は同じでしょうか?
|
3
3
|
恐らくですが、JavaScript側での構文エラー(`add_script_before_body`の`echo`)でSlickのライブラリ読み込みに失敗し、CSS含めた適用がされていないのかと思われます。
|
4
4
|
HTML側で`<script src="https://exam.com/wp-includes/js/slick.min.js"></script>`を記述し、JavaScript側の`add_script_before_body`を削除してみてはいかがでしょうか。
|
2
追記: 外部ファイルの参照に関して
test
CHANGED
@@ -2,6 +2,8 @@
|
|
2
2
|
参考にされたサイトと見た目は同じでしょうか?
|
3
3
|
恐らくですが、JavaScript側での構文エラー(`add_script_before_body`の`echo`)でSlickのライブラリ読み込みに失敗し、CSS含めた適用がされていないのかと思われます。
|
4
4
|
HTML側で`<script src="https://exam.com/wp-includes/js/slick.min.js"></script>`を記述し、JavaScript側の`add_script_before_body`を削除してみてはいかがでしょうか。
|
5
|
+
|
6
|
+
また、参照しているライブラリなどについても、URL先は存在していますか?
|
5
7
|
|
6
8
|
```html
|
7
9
|
<!doctype html>
|
1
script要素の追加
test
CHANGED
@@ -10,6 +10,7 @@
|
|
10
10
|
<meta charset="utf-8">
|
11
11
|
<link href="https://exam.info/wp-includes/css/slick.css" rel="stylesheet">
|
12
12
|
<link href="https://exam.info/wp-includes/css/slick-theme.css" rel="stylesheet">
|
13
|
+
<script src="https://exam.com/wp-includes/js/slick.min.js"></script>
|
13
14
|
</head>
|
14
15
|
<body>
|
15
16
|
<ul class="slider">
|