質問編集履歴
2
状況と質問内容をより詳しく。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,13 +1,18 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
WordPressサイト内にレスポンシブに対応したスライダーを作りたいと思っています。
|
|
3
|
+
WordPressサイト内にレスポンシブに対応した子要素の間隔が一定なスライダーを作りたいと思っています。
|
|
4
|
-
現在jQueryの「slick」を利用しています。
|
|
5
4
|
|
|
5
|
+
現在はjQueryの「slick」を利用して
|
|
6
|
+
responsive: []
|
|
7
|
+
で画面幅毎に細かく設定しています。
|
|
8
|
+
|
|
6
|
-
例えばスライダーを表示させる親要素
|
|
9
|
+
例えばスライダーをレスポンシブで表示させる親要素をmax-width:1000pxとして、横にスライドする子要素の幅を200pxとして、その子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
|
|
7
10
|
子要素の中には画像や文字など孫要素が複数含まれます。
|
|
8
11
|
|
|
9
|
-
|
|
12
|
+
画面幅が800pxでも500pxでもその幅の中に子要素が一定間隔で横に移動しながら表示されるようにしたいと思っています。
|
|
10
13
|
|
|
14
|
+
子要素はWP-Queryで取得したカスタム投稿の情報をスライダーで表示させ増えていくので、CSSのアニメーションで作るスライダーでは難しいかと思っています。
|
|
15
|
+
|
|
11
16
|
「slick」でなくても他のプラグインでも問題ありません。
|
|
12
17
|
|
|
13
18
|
### 発生している問題・エラーメッセージ
|
1
親要素がレスポンシブで変動する事が抜けていた為。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
WordPressサイト内にレスポンシブに対応したスライダーを作りたいと思っています。
|
|
4
4
|
現在jQueryの「slick」を利用しています。
|
|
5
5
|
|
|
6
|
-
例えばスライダーを表示させる親要素
|
|
6
|
+
例えばスライダーを表示させる親要素はmax-width:1000pxとして、横にスライドする子要素の幅を200pxとして、その子要素と子要素の間隔を10pxとして、スライダーを設置したいと思っています。
|
|
7
7
|
子要素の中には画像や文字など孫要素が複数含まれます。
|
|
8
8
|
|
|
9
9
|
WP-Queryで取得したカスタム投稿の情報をスライダーで表示させるので、子要素は増えていくので、CSSのアニメーションで作るスライダーでは難しいかと思います。
|