teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問Bootstrapのループについて

編集履歴

質問編集履歴

5

ソースコード

2017/11/21 05:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  ご助力いただければ嬉しいです。何卒よろしくお願いいたします。
4
4
 
5
- ```ここに言語を入力
5
+ ```PHP
6
6
 
7
7
  <?php
8
8
 
@@ -28,7 +28,7 @@
28
28
 
29
29
  3カラムで閉じます。
30
30
 
31
- ```ここに言語を入力
31
+ ```PHP
32
32
 
33
33
  <div class="row">
34
34
 
@@ -44,7 +44,7 @@
44
44
 
45
45
  3n+1で
46
46
 
47
- ```ここに言語を入力
47
+ ```PHP
48
48
 
49
49
  </div><div class="row">
50
50
 
@@ -60,7 +60,7 @@
60
60
 
61
61
  コードの全体です。３カラムでループします。Bootstrapはv4.0.0-beta.2です。
62
62
 
63
- ```ここに言語を入力
63
+ ```PHP
64
64
 
65
65
  <div class="row">
66
66
 

4

ソースコード

2017/11/21 05:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,8 +1,6 @@
1
1
  PHPの経験が浅いため、質問しようと思いました。
2
2
 
3
3
  ご助力いただければ嬉しいです。何卒よろしくお願いいたします。
4
-
5
-
6
4
 
7
5
  ```ここに言語を入力
8
6
 
@@ -28,10 +26,6 @@
28
26
 
29
27
  ```
30
28
 
31
-
32
-
33
-
34
-
35
29
  3カラムで閉じます。
36
30
 
37
31
  ```ここに言語を入力
@@ -48,8 +42,6 @@
48
42
 
49
43
  ```
50
44
 
51
-
52
-
53
45
  3n+1で
54
46
 
55
47
  ```ここに言語を入力
@@ -65,12 +57,6 @@
65
57
  </div>
66
58
 
67
59
  ```
68
-
69
- PHPとBootstrapのループの条件式をお教えくださると幸いです。
70
-
71
-
72
-
73
-
74
60
 
75
61
  コードの全体です。３カラムでループします。Bootstrapはv4.0.0-beta.2です。
76
62
 

3

コードの修正

2017/11/21 05:22

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -118,7 +118,7 @@
118
118
 
119
119
  } elseif ($i = $i*=3 +1 ) {
120
120
 
121
- echo '</div>';
121
+ echo '</div><div class="row">;
122
122
 
123
123
  } else {
124
124
 

2

Bootstrapのバージョン

2017/11/18 13:06

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -72,7 +72,7 @@
72
72
 
73
73
 
74
74
 
75
- コードの全体です。３カラムでループします。
75
+ コードの全体です。３カラムでループします。Bootstrapはv4.0.0-beta.2です。
76
76
 
77
77
  ```ここに言語を入力
78
78
 

1

コードの全貌

2017/11/18 13:05

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -67,3 +67,71 @@
67
67
  ```
68
68
 
69
69
  PHPとBootstrapのループの条件式をお教えくださると幸いです。
70
+
71
+
72
+
73
+
74
+
75
+ コードの全体です。３カラムでループします。
76
+
77
+ ```ここに言語を入力
78
+
79
+ <div class="row">
80
+
81
+ <?php $i = 1;
82
+
83
+ $args = array( 'post_type' => circle );
84
+
85
+ $myposts = get_posts( $args );
86
+
87
+ foreach ( $myposts as $post ) : setup_postdata( $post ); ?>
88
+
89
+
90
+
91
+ <div class="col-md-4">
92
+
93
+ <h3 class="circlename-item"><?php echo post_custom( 'circlename' ); ?></h3>
94
+
95
+ <div class="circle-wrapper">
96
+
97
+ <?php the_post_thumbnail( 'circle-thumb', array( 'class' => 'img-fluid circle-thumb' ) ); ?>
98
+
99
+ <p class="genre-item"><?php echo post_custom( 'genre' ); ?></p>
100
+
101
+ <p class="penname-item">PN&nbsp;<?php echo post_custom( 'penname' ); ?></p>
102
+
103
+ <p class="spacenumber-item">スペースNo&nbsp;<?php echo post_custom( 'spacenumber' ); ?></p>
104
+
105
+ </div>
106
+
107
+ </div>
108
+
109
+
110
+
111
+ <?php
112
+
113
+ $i++;
114
+
115
+ if ( $i % 3 == 0 ) {
116
+
117
+ echo '</div>';
118
+
119
+ } elseif ($i = $i*=3 +1 ) {
120
+
121
+ echo '</div>';
122
+
123
+ } else {
124
+
125
+ echo "</div>";
126
+
127
+ }
128
+
129
+ ?>
130
+
131
+
132
+
133
+ <?php endforeach;
134
+
135
+ wp_reset_postdata();?>
136
+
137
+ ```