質問編集履歴

3

該当PHPの全文記載

2016/04/24 12:57

投稿

kaaa
kaaa

スコア29

test CHANGED
File without changes
test CHANGED
@@ -48,68 +48,310 @@
48
48
 
49
49
  ```ここに言語を入力
50
50
 
51
+ <?php /* Template Name: Welcome Screen */ ?>
52
+
53
+
54
+
55
+ <?php
56
+
57
+ $options = get_desing_plus_option();
58
+
59
+ get_header(); ?>
60
+
61
+
62
+
51
63
  <div id="site-cover"></div>
52
64
 
65
+
66
+
53
67
  <section>
54
68
 
69
+
70
+
71
+ <div class="slider heightasviewport has-background" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
72
+
73
+
74
+
75
+ <div id="topcover" class="topcover heightasviewport">
76
+
77
+ <div class="text-center verticalcentersplash amore-welcome-center">
78
+
79
+ <?php if($options['first_auto_br']): ?>
80
+
81
+ <h1 class="first-h1"><?php echo nl2br($options['h1_text']); ?></h1>
82
+
83
+ <?php else: ?>
84
+
85
+ <h1 class="first-h1"><?php echo $options['h1_text']; ?></h1>
86
+
87
+ <?php endif; ?>
88
+
89
+ </div>
90
+
91
+ </div>
92
+
93
+
94
+
95
+ <div class="topcover heightasviewport" style="opacity:1;-ms-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transform:translate(0px,0px);"></div>
96
+
97
+
98
+
99
+ <div id="top" class="heightasviewport" style="opacity:1; background:transparent">
100
+
101
+ <a href="#third" class="animate"><div class="down-arrow bounce"><span class="fa fa-angle-down"></span></div></a>
102
+
103
+ </div>
104
+
105
+
106
+
107
+ </section>
108
+
109
+
110
+
111
+
112
+
113
+ <section>
114
+
115
+ <div class="amore-divider romaji" data-parallax="scroll" data-image-src="<?php echo $options['bg_image2']; ?>">
116
+
117
+ <div class="container">
118
+
119
+ <div class="row">
120
+
121
+ <div class="col-xs-120 no-padding">
122
+
123
+ <h1 class="invisibletexteffect animate offsetted top-headline third_headline"><?php echo $options['third_headline'];?></h1>
124
+
125
+ </div>
126
+
127
+ </div>
128
+
129
+ </div>
130
+
131
+ </div>
132
+
133
+
134
+
135
+ <div id="third" class="container">
136
+
137
+ <div class="row">
138
+
139
+ <div class="col-xs-120 no-padding">
140
+
141
+ <div class="row amore-section">
142
+
143
+ <?php for($i=1; $i<=3; $i++): ?>
144
+
145
+ <?php if ($options['third_banner_image'.$i]): ?>
146
+
147
+ <div class="col-sm-40 text-center">
148
+
149
+ <div style="background-image:url(<?php echo $options['third_banner_image'.$i]; ?>); width:70%" class="img-circle square-80 heightaswidth mb20 circle-banner">
150
+
151
+ <a class="no-decoration" href="<?php echo $options['third_banner_url'.$i]; ?>"<?php if($options['third_banner_target'.$i]){echo ' target="_blank"';}; ?>><div class="cover text-center">
152
+
153
+ <h3 class="verticalcenter"><?php echo $options['third_banner_headline'.$i]; ?></h3>
154
+
155
+ </div></a>
156
+
157
+ </div>
158
+
159
+ <h4 class="text-center third-banner-headline mb20"><?php echo $options['third_banner_headline'.$i]; ?></h4>
160
+
161
+ <p class="text-justify third-banner-body"><?php echo $options['third_banner_copy'.$i]; ?></p>
162
+
163
+ <div class="button romaji"><a href="<?php echo $options['third_banner_url'.$i]; ?>"<?php if($options['third_banner_target'.$i]){echo ' target="_blank"';}; ?>>READ MORE</a></div>
164
+
165
+ <div class="visible-xs"><br/><br/></div>
166
+
167
+ </div>
168
+
169
+ <?php endif; ?>
170
+
171
+ <?php endfor; ?>
172
+
173
+ </div>
174
+
175
+ </div>
176
+
177
+ </div>
178
+
179
+ </div>
180
+
181
+ </section>
182
+
183
+
184
+
185
+ <section>
186
+
187
+ <div class="amore-divider romaji" data-parallax="scroll" data-image-src="<?php echo $options['bg_image4']; ?>">
188
+
189
+ <div class="container">
190
+
191
+ <div class="row">
192
+
193
+ <div class="col-xs-120 no-padding">
194
+
195
+ <h1 class="invisibletexteffect animate offsetted top-headline fifth_headline"><?php echo $options['fifth_headline'];?></h1>
196
+
197
+ </div>
198
+
199
+ </div>
200
+
201
+ </div>
202
+
203
+ </div>
204
+
205
+
206
+
207
+ <div id="fifth" class="container">
208
+
209
+ <div class="row">
210
+
211
+ <div class="col-xs-120 no-padding">
212
+
213
+
214
+
215
+ <div class="row amore-section">
216
+
217
+ <?php for ($i=1; $i <=3 ; $i++): ?>
218
+
219
+ <?php if($options['fifth_banner_image'.$i]): ?>
220
+
221
+ <div class="col-sm-38 <?php if($i > 1) echo "col-sm-offset-3"; ?>">
222
+
223
+
224
+
225
+ <a href="<?php echo $options['fifth_banner_url'.$i]; ?>"<?php if($options['fifth_banner_target'.$i]){echo ' target="_blank"';}; ?>>
226
+
227
+ <div class="square-80 mb20 fifth-banner-image square-banner">
228
+
229
+ <div class="square-banner-label text-center"><?php echo $options['fifth_banner_headline'.$i]; ?></div>
230
+
231
+ <div class="has-background square-banner-image" style="background-image:url(<?php echo $options['fifth_banner_image'.$i]; ?>)"></div>
232
+
233
+ </div>
234
+
235
+ </a>
236
+
237
+
238
+
239
+ <h4 class="text-justify fifth-banner-headline mb20"><?php echo $options['fifth_banner_headline'.$i]; ?></h4>
240
+
241
+ <p class="fifth-banner-copy mb20"><?php echo $options['fifth_banner_copy'.$i]; ?></p>
242
+
243
+ <div class="button romaji"><a href="<?php echo $options['fifth_banner_url'.$i]; ?>"<?php if($options['fifth_banner_target'.$i]){echo ' target="_blank"';}; ?>>READ MORE</a></div>
244
+
245
+ <div class="visible-xs"><br/><br/></div>
246
+
247
+ </div>
248
+
249
+ <?php endif; ?>
250
+
251
+ <?php endfor; ?>
252
+
253
+ </div>
254
+
255
+
256
+
257
+ </div>
258
+
259
+ </div>
260
+
261
+ </div>
262
+
263
+ </section>
264
+
265
+
266
+
267
+ <section>
268
+
269
+ <div id="sixth" class="has-background" style="background-image:url(<?php echo $options['bg_image5']; ?>)">
270
+
271
+ <div class="container" style="overflow-x:hidden">
272
+
273
+ <div class="row amore-section">
274
+
275
+
276
+
277
+ <div class="col-xs-120 no-padding-mobile">
278
+
279
+ <div class="row map-wrap-dark">
280
+
281
+
282
+
283
+ <div class="<?php if($options['show_map']){ echo "col-sm-60"; } else { echo "col-sm-120"; } ?> no-left-padding no-padding-mobile" style="line-height:30px;">
284
+
285
+ <?php if($options['sixth_auto_br']): ?>
286
+
287
+ <?php echo nl2br($options['sixth_text']); ?>
288
+
289
+ <?php else: ?>
290
+
291
+ <?php echo $options['sixth_text']; ?>
292
+
293
+ <?php endif; ?>
294
+
295
+ </div>
296
+
297
+
298
+
299
+ <?php if($options['show_map']) : ?>
300
+
301
+ <div class="visible-xs"><br/><br/></div>
302
+
303
+ <div class="col-sm-60 no-right-padding no-padding-mobile">
304
+
305
+ <div id="map-canvas" style="width:100%; height:480px; border:4px solid white; border-radius:2px;"></div>
306
+
307
+ </div>
308
+
309
+ <?php endif; ?>
310
+
311
+
312
+
313
+ </div>
314
+
315
+ </div>
316
+
317
+
318
+
319
+ </div>
320
+
321
+ </div>
322
+
323
+ </div>
324
+
325
+ </section>
326
+
327
+
328
+
329
+ </div>
330
+
331
+
332
+
333
+ <?php /* get_sidebar(); */ ?>
334
+
335
+ <?php get_footer(); ?>
336
+
337
+ ```
338
+
339
+ ディベロッパーツールでは
340
+
341
+ ```PHP
342
+
55
343
  <div class="slider heightasviewport has-background" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
56
344
 
57
-
58
-
59
-
60
-
61
- <div id="topcover" class="topcover heightasviewport">
62
-
63
- <div class="text-center verticalcentersplash amore-welcome-center">
64
-
65
- <?php if($options['first_auto_br']): ?>
66
-
67
- <h1 class="first-h1"><?php echo nl2br($options['h1_text']); ?></h1>
68
-
69
- <?php else: ?>
70
-
71
- <h1 class="first-h1"><?php echo $options['h1_text']; ?></h1>
72
-
73
- <?php endif; ?>
74
-
75
- </div>
76
-
77
- </div>
78
-
79
-
80
-
81
- <div class="topcover heightasviewport" style="opacity:1;-ms-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transform:translate(0px,0px);"></div>
82
-
83
-
84
-
85
- <div id="top" class="heightasviewport" style="opacity:1; background:transparent">
86
-
87
- <a href="#third" class="animate"><div class="down-arrow bounce"><span class="fa fa-angle-down"></span></div></a>
88
-
89
- </div>
90
-
91
-
92
-
93
- </section>
94
-
95
345
  ```
96
346
 
97
- ディベロッパーツールでは
347
+
98
348
 
99
349
  ```PHP
100
350
 
101
- <div class="slider heightasviewport has-background" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
351
+ <div class="slider heightasviewport has-background" style="display: block; height: 364px; opacity: 0.11308;" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
102
352
 
103
353
  ```
104
354
 
105
-
106
-
107
- ```PHP
108
-
109
- <div class="slider heightasviewport has-background" style="display: block; height: 364px; opacity: 0.11308;" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
110
-
111
- ```
112
-
113
355
 
114
356
 
115
357
  のような形で

2

詳しく加筆

2016/04/24 12:57

投稿

kaaa
kaaa

スコア29

test CHANGED
File without changes
test CHANGED
@@ -39,3 +39,85 @@
39
39
  悩んだ末に、解決できず質問させていただきました。
40
40
 
41
41
  よろしくお願いいたします。
42
+
43
+
44
+
45
+ 該当PHP
46
+
47
+
48
+
49
+ ```ここに言語を入力
50
+
51
+ <div id="site-cover"></div>
52
+
53
+ <section>
54
+
55
+ <div class="slider heightasviewport has-background" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
56
+
57
+
58
+
59
+
60
+
61
+ <div id="topcover" class="topcover heightasviewport">
62
+
63
+ <div class="text-center verticalcentersplash amore-welcome-center">
64
+
65
+ <?php if($options['first_auto_br']): ?>
66
+
67
+ <h1 class="first-h1"><?php echo nl2br($options['h1_text']); ?></h1>
68
+
69
+ <?php else: ?>
70
+
71
+ <h1 class="first-h1"><?php echo $options['h1_text']; ?></h1>
72
+
73
+ <?php endif; ?>
74
+
75
+ </div>
76
+
77
+ </div>
78
+
79
+
80
+
81
+ <div class="topcover heightasviewport" style="opacity:1;-ms-transform:translate(0px,0px);-webkit-transform:translate(0px,0px);transform:translate(0px,0px);"></div>
82
+
83
+
84
+
85
+ <div id="top" class="heightasviewport" style="opacity:1; background:transparent">
86
+
87
+ <a href="#third" class="animate"><div class="down-arrow bounce"><span class="fa fa-angle-down"></span></div></a>
88
+
89
+ </div>
90
+
91
+
92
+
93
+ </section>
94
+
95
+ ```
96
+
97
+ ディベロッパーツールでは
98
+
99
+ ```PHP
100
+
101
+ <div class="slider heightasviewport has-background" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
102
+
103
+ ```
104
+
105
+
106
+
107
+ ```PHP
108
+
109
+ <div class="slider heightasviewport has-background" style="display: block; height: 364px; opacity: 0.11308;" data-order='0' data-parallax="scroll" data-image-src="<?php echo $options['slider_image1']; ?>"></div>
110
+
111
+ ```
112
+
113
+
114
+
115
+ のような形で
116
+
117
+ > display: block; height: 364px; opacity: 0.11308;display: block; height: 364px; opacity: 0.11308;
118
+
119
+ のopacityが追加されます。
120
+
121
+
122
+
123
+ JSの該当ファイルがわかっておりません。

1

誤字修正

2016/04/24 08:45

投稿

kaaa
kaaa

スコア29

test CHANGED
File without changes
test CHANGED
@@ -22,6 +22,8 @@
22
22
 
23
23
  > slider heightasviewport has-background
24
24
 
25
+
26
+
25
27
  というclassのopacityが0から1へと自動的に変わっているように思います。
26
28
 
27
29