質問編集履歴

2

smart slider3のURLの追加と不要な説明文の削除

2016/09/04 08:31

投稿

ami15821
ami15821

スコア56

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- 手軽にWordPressにスライドを導入できるプラグインとしてsmart slider3を使ったのですが、ショートコードを記事に貼り付けても、スライダーが動かず、画像が縦に並んで表示されてしまいます。
1
+ 手軽にWordPressにスライドを導入できるプラグインとしてsmart slider3(https://ja.wordpress.org/plugins/smart-slider-3/)を使ったのですが、ショートコードを記事に貼り付けても、スライダーが動かず、画像が縦に並んで表示されてしまいます。
2
2
 
3
3
 
4
4
 
@@ -12,92 +12,6 @@
12
12
 
13
13
 
14
14
 
15
- ```HTML
16
-
17
- <div id="n2-ss-1-align" class="n2-ss-align">
18
-
19
- <div class="n2-padding">
20
-
21
- <div id="n2-ss-1" class="n2-ss-slider n2notransition n2-ss-load-fade " data-minfontsizedesktopportrait="4" data-minfontsizedesktoplandscape="4" data-minfontsizetabletportrait="4" data-minfontsizetabletlandscape="4"
22
-
23
- style="font-size: 16px;" data-fontsize="16">
24
-
25
- <div class="n2-ss-slider-1" style="">
26
-
27
- <div class="n2-ss-slider-2">
28
-
29
- <div class="n2-ss-slider-3" style="">
30
-
31
-
32
-
33
- <div data-slide-duration="0" data-id="1" class="n2-ss-slide n2-ss-canvas n2-ss-slide-active n2-ss-slide-1" style="">
34
-
35
- <div data-hash="hoge" data-desktop="http://smartslider3.com/sample/programmer.jpg" style="" class="n2-ss-slide-background" data-opacity="1">
36
-
37
- <img title="" style="width: auto;height: 100%;margin-left: 0px;opacity:1;" class="n2-ss-slide-background-image n2-ss-slide-fill n2-ow" data-x="50" data-y="50" src="http://smartslider3.com/sample/programmer.jpg" alt="">
38
-
39
- </div>
40
-
41
- <div class="n2-ss-layers-container" style="">
42
-
43
- <div class="n2-ss-layer" style="z-index:1;overflow:visible;text-align:left;left:0px;top:-267px;width:auto;height:auto;" data-animations="hoge=" data-class=""
44
-
45
- data-adaptivefont="0"
46
-
47
- data-desktopportrait="1"data-desktoplandscape="1"data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1"
48
-
49
- data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="-267" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="bottom" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="-319" data-mobileportraitalign="center" data-mobileportraitvalign="bottom" data-mobileportraitfontsize="120">
50
-
51
- <h2 id="n2-ss-1item1" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Martin Dwyer</h2>
52
-
53
- </div>
54
-
55
- <div class="n2-ss-layer" style="z-index:2;overflow:visible;text-align:left;left:0px;top:338px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="338" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="291" data-mobileportraitalign="center" data-mobileportraitvalign="top" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item2" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Application Developer</h2>
56
-
57
- </div>
58
-
59
- </div>
60
-
61
- </div>
62
-
63
- <div data-slide-duration="0" data-id="2" class="n2-ss-slide n2-ss-canvas n2-ss-slide-2" style="">
64
-
65
- <div data-hash="hoge" data-desktop="http://smartslider3.com/sample/free1.jpg" style="" class="n2-ss-slide-background" data-opacity="1">
66
-
67
- <img title="" style="width: auto;height: 100%;margin-left: 0px;opacity:1;" class="n2-ss-slide-background-image n2-ss-slide-fill n2-ow" data-x="50" data-y="50" src="http://smartslider3.com/sample/free1.jpg" alt="">
68
-
69
- </div>
70
-
71
- <div class="n2-ss-layers-container" style="">
72
-
73
- <div class="n2-ss-layer" style="z-index:1;overflow:visible;text-align:left;left:0px;top:-267px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="-267" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="bottom" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="-319" data-mobileportraitalign="center" data-mobileportraitvalign="bottom" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item3" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Rachel Wright</h2></div><div class="n2-ss-layer" style="z-index:2;overflow:visible;text-align:left;left:0px;top:338px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="338" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="291" data-mobileportraitalign="center" data-mobileportraitvalign="top" data-mobileportraitfontsize="120">
74
-
75
- <h2 id="n2-ss-1item4" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Art Director &amp; Photographer</h2>
76
-
77
- </div>
78
-
79
- </div>
80
-
81
- </div><div data-slide-duration="0" data-id="3" class="n2-ss-slide n2-ss-canvas n2-ss-slide-3" style=""><div data-hash="hoge" data-desktop="http://smartslider3.com/sample/photographer.jpg" style="" class="n2-ss-slide-background" data-opacity="1">
82
-
83
- <img title="" style="width: auto;height: 100%;margin-left: 0px;opacity:1;" class="n2-ss-slide-background-image n2-ss-slide-fill n2-ow" data-x="50" data-y="50" src="http://smartslider3.com/sample/photographer.jpg" alt=""></div><div class="n2-ss-layers-container" style=""><div class="n2-ss-layer" style="z-index:1;overflow:visible;text-align:left;left:0px;top:-267px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="-267" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="bottom" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="-319" data-mobileportraitalign="center" data-mobileportraitvalign="bottom" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item5" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Andrew Butler</h2>
84
-
85
- </div>
86
-
87
- <div class="n2-ss-layer" style="z-index:2;overflow:visible;text-align:left;left:0px;top:338px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="338" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="291" data-mobileportraitalign="center" data-mobileportraitvalign="top" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item6" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Photographer &amp; Illustrator</h2></div></div></div> </div>
88
-
89
- </div>
90
-
91
- </div>
92
-
93
- <div data-ssleft="width/2-bulletwidth/2" data-sstop="height+10" data-offset="10" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile nextend-bullet-bar n2-ib nextend-bullet-bar-horizontal" style="text-align: center;position: absolute;"><div class="n2-style-hoge-dot n2-active"></div><div class="n2-style-hoge-dot "></div><div class="n2-style-hoge-dot "></div></div>
94
-
95
- </div><div id="n2-ss-1-spinner"><div><div class="n2-ss-spinner-simple-white-container"><div class="n2-ss-spinner-simple-white"></div></div>
96
-
97
- </div></div></div></div>
98
-
99
- ```
100
-
101
15
  デベロッパーツールで確認しましたが、エラーはとくに出ていませんでした。。。
102
16
 
103
17
  スライダーが全く動いていないので、何か設定が必要なのでしょうか?

1

プラグイン/ライブラリは取得した場所のURLを質問文に追記

2016/09/04 08:31

投稿

ami15821
ami15821

スコア56

test CHANGED
File without changes
test CHANGED
@@ -10,6 +10,96 @@
10
10
 
11
11
  ```
12
12
 
13
+
14
+
15
+ ```HTML
16
+
17
+ <div id="n2-ss-1-align" class="n2-ss-align">
18
+
19
+ <div class="n2-padding">
20
+
21
+ <div id="n2-ss-1" class="n2-ss-slider n2notransition n2-ss-load-fade " data-minfontsizedesktopportrait="4" data-minfontsizedesktoplandscape="4" data-minfontsizetabletportrait="4" data-minfontsizetabletlandscape="4"
22
+
23
+ style="font-size: 16px;" data-fontsize="16">
24
+
25
+ <div class="n2-ss-slider-1" style="">
26
+
27
+ <div class="n2-ss-slider-2">
28
+
29
+ <div class="n2-ss-slider-3" style="">
30
+
31
+
32
+
33
+ <div data-slide-duration="0" data-id="1" class="n2-ss-slide n2-ss-canvas n2-ss-slide-active n2-ss-slide-1" style="">
34
+
35
+ <div data-hash="hoge" data-desktop="http://smartslider3.com/sample/programmer.jpg" style="" class="n2-ss-slide-background" data-opacity="1">
36
+
37
+ <img title="" style="width: auto;height: 100%;margin-left: 0px;opacity:1;" class="n2-ss-slide-background-image n2-ss-slide-fill n2-ow" data-x="50" data-y="50" src="http://smartslider3.com/sample/programmer.jpg" alt="">
38
+
39
+ </div>
40
+
41
+ <div class="n2-ss-layers-container" style="">
42
+
43
+ <div class="n2-ss-layer" style="z-index:1;overflow:visible;text-align:left;left:0px;top:-267px;width:auto;height:auto;" data-animations="hoge=" data-class=""
44
+
45
+ data-adaptivefont="0"
46
+
47
+ data-desktopportrait="1"data-desktoplandscape="1"data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1"
48
+
49
+ data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="-267" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="bottom" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="-319" data-mobileportraitalign="center" data-mobileportraitvalign="bottom" data-mobileportraitfontsize="120">
50
+
51
+ <h2 id="n2-ss-1item1" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Martin Dwyer</h2>
52
+
53
+ </div>
54
+
55
+ <div class="n2-ss-layer" style="z-index:2;overflow:visible;text-align:left;left:0px;top:338px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="338" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="291" data-mobileportraitalign="center" data-mobileportraitvalign="top" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item2" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Application Developer</h2>
56
+
57
+ </div>
58
+
59
+ </div>
60
+
61
+ </div>
62
+
63
+ <div data-slide-duration="0" data-id="2" class="n2-ss-slide n2-ss-canvas n2-ss-slide-2" style="">
64
+
65
+ <div data-hash="hoge" data-desktop="http://smartslider3.com/sample/free1.jpg" style="" class="n2-ss-slide-background" data-opacity="1">
66
+
67
+ <img title="" style="width: auto;height: 100%;margin-left: 0px;opacity:1;" class="n2-ss-slide-background-image n2-ss-slide-fill n2-ow" data-x="50" data-y="50" src="http://smartslider3.com/sample/free1.jpg" alt="">
68
+
69
+ </div>
70
+
71
+ <div class="n2-ss-layers-container" style="">
72
+
73
+ <div class="n2-ss-layer" style="z-index:1;overflow:visible;text-align:left;left:0px;top:-267px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="-267" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="bottom" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="-319" data-mobileportraitalign="center" data-mobileportraitvalign="bottom" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item3" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Rachel Wright</h2></div><div class="n2-ss-layer" style="z-index:2;overflow:visible;text-align:left;left:0px;top:338px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="338" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="291" data-mobileportraitalign="center" data-mobileportraitvalign="top" data-mobileportraitfontsize="120">
74
+
75
+ <h2 id="n2-ss-1item4" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Art Director &amp; Photographer</h2>
76
+
77
+ </div>
78
+
79
+ </div>
80
+
81
+ </div><div data-slide-duration="0" data-id="3" class="n2-ss-slide n2-ss-canvas n2-ss-slide-3" style=""><div data-hash="hoge" data-desktop="http://smartslider3.com/sample/photographer.jpg" style="" class="n2-ss-slide-background" data-opacity="1">
82
+
83
+ <img title="" style="width: auto;height: 100%;margin-left: 0px;opacity:1;" class="n2-ss-slide-background-image n2-ss-slide-fill n2-ow" data-x="50" data-y="50" src="http://smartslider3.com/sample/photographer.jpg" alt=""></div><div class="n2-ss-layers-container" style=""><div class="n2-ss-layer" style="z-index:1;overflow:visible;text-align:left;left:0px;top:-267px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="-267" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="bottom" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="-319" data-mobileportraitalign="center" data-mobileportraitvalign="bottom" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item5" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Andrew Butler</h2>
84
+
85
+ </div>
86
+
87
+ <div class="n2-ss-layer" style="z-index:2;overflow:visible;text-align:left;left:0px;top:338px;width:auto;height:auto;" data-animations="hoge=" data-class="" data-adaptivefont="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-responsiveposition="1" data-responsivesize="1" data-desktopportraitleft="0" data-desktopportraittop="338" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-desktopportraitfontsize="100" data-mobileportraitleft="0" data-mobileportraittop="291" data-mobileportraitalign="center" data-mobileportraitvalign="top" data-mobileportraitfontsize="120"><h2 id="n2-ss-1item6" class="n2-font-hoge-hover n2-style-hoge-heading n2-ow" style="display:block;white-space:nowrap;">Photographer &amp; Illustrator</h2></div></div></div> </div>
88
+
89
+ </div>
90
+
91
+ </div>
92
+
93
+ <div data-ssleft="width/2-bulletwidth/2" data-sstop="height+10" data-offset="10" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile nextend-bullet-bar n2-ib nextend-bullet-bar-horizontal" style="text-align: center;position: absolute;"><div class="n2-style-hoge-dot n2-active"></div><div class="n2-style-hoge-dot "></div><div class="n2-style-hoge-dot "></div></div>
94
+
95
+ </div><div id="n2-ss-1-spinner"><div><div class="n2-ss-spinner-simple-white-container"><div class="n2-ss-spinner-simple-white"></div></div>
96
+
97
+ </div></div></div></div>
98
+
99
+ ```
100
+
101
+ デベロッパーツールで確認しましたが、エラーはとくに出ていませんでした。。。
102
+
13
103
  スライダーが全く動いていないので、何か設定が必要なのでしょうか?
14
104
 
15
105
  よろしくお願い致します。