回答編集履歴

3

ソースコード不具合修正

2016/09/06 13:35

投稿

退会済みユーザー
test CHANGED
@@ -1,6 +1,38 @@
1
1
  こんな感じとかですか。レイアウトにBootstrapを使っていいんですよね?
2
2
 
3
3
 
4
+
5
+ **訂正(2016/09/06 22:24)**
6
+
7
+ 投稿の全件数が3の倍数じゃないときに、div.show_boxが閉じられないバグを修正。
8
+
9
+ 直したので、一応載せときます。(新しいjQueryだと動かないと思うので、この回答修正は無視してくださいな)
10
+
11
+ ```Javascript
12
+
13
+ <script>
14
+
15
+ jQuery(function(){
16
+
17
+ jQuery('.show_box:not(.show_box:first-of-type)').css('display','none');
18
+
19
+ jQuery('.more').nextAll('.more').css('display','none');
20
+
21
+ jQuery('.more').on('click', function() {
22
+
23
+ jQuery(this).css('display','none');
24
+
25
+ jQuery(this).next('.show_box').slideDown('fast');
26
+
27
+ jQuery(this).nextAll('.more:first').css('display','block');
28
+
29
+ });
30
+
31
+ });
32
+
33
+ </script>
34
+
35
+ ```
4
36
 
5
37
  ```PHP
6
38
 
@@ -18,9 +50,9 @@
18
50
 
19
51
  <?php if( $counter % $column == 0 ) : ?>
20
52
 
21
- <!-- show_box -->
53
+ <!-- show_box -->
22
54
 
23
- <div class="show_box row">
55
+ <div class="show_box row">
24
56
 
25
57
  <?php endif; ?>
26
58
 
@@ -72,27 +104,31 @@
72
104
 
73
105
 
74
106
 
75
- <?php if( $counter % $column == $column-1 ) : ?>
107
+ <?php if( ($counter % $column == $column-1) || ($counter == ($my_query->post_count)-1) ) : ?>
76
108
 
77
- </div>
109
+ </div>
78
110
 
79
- <!-- /show_box -->
111
+ <!-- /show_box -->
112
+
113
+ <?php endif; ?>
80
114
 
81
115
 
82
116
 
83
- <!-- もっと見るボタン -->
117
+ <?php if( ($counter % $column == $column-1) && ($counter != ($my_query->post_count)-1) ) : ?>
84
118
 
85
- <div class="more">
119
+ <!-- もっと見るボタン -->
86
120
 
87
- <div class="col-md-12">
121
+ <div class="more">
88
122
 
89
- <p class="box-more text-center">もっと見る</p>
123
+ <div class="col-md-12">
90
124
 
91
- </div>
125
+ <p class="box-more text-center">もっと見る</p>
92
126
 
93
- </div>
127
+ </div>
94
128
 
129
+ </div>
130
+
95
- <!-- /もっと見るボタン -->
131
+ <!-- /もっと見るボタン -->
96
132
 
97
133
  <?php endif; ?>
98
134
 

2

誤記訂正

2016/09/06 13:35

投稿

退会済みユーザー
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- <?php $my_query = new WP_Query( 'category_name=idw-g1' ); ?>
13
+ <?php $my_query = new WP_Query( 'category_name=event' ); ?>
14
14
 
15
15
  <?php if ( $my_query->have_posts() ) :while ( $my_query->have_posts() ) : $my_query->the_post(); ?>
16
16
 

1

ソース記述漏れ訂正

2016/09/06 07:15

投稿

退会済みユーザー
test CHANGED
@@ -2,7 +2,9 @@
2
2
 
3
3
 
4
4
 
5
+ ```PHP
6
+
5
- ```PHP<?php $counter = 0; ?>
7
+ <?php $counter = 0; ?>
6
8
 
7
9
  <?php $column = 3; ?>
8
10