質問編集履歴

2

codeタグを追加しました。

2016/09/10 06:18

投稿

hiroakindo
hiroakindo

スコア8

test CHANGED
File without changes
test CHANGED
@@ -21,6 +21,8 @@
21
21
  イメージとしては以下のような形ですが、どのようにプログラムを書けばよいのかわかりません。
22
22
 
23
23
 
24
+
25
+ ```
24
26
 
25
27
  <?php if(have_posts()): ?>
26
28
 
@@ -52,6 +54,8 @@
52
54
 
53
55
  </ul>
54
56
 
57
+ ```
58
+
55
59
 
56
60
 
57
61
  どなたか正しいコードをご存じであれば教えて頂けませんでしょうか。
@@ -68,6 +72,8 @@
68
72
 
69
73
  ループの中と外は以下のようなイメージになります。
70
74
 
75
+ ```
76
+
71
77
  <!-- ループの外 -->
72
78
 
73
79
  <?php if(have_posts()): ?>
@@ -81,6 +87,8 @@
81
87
  <?php endif; ?>
82
88
 
83
89
  <!-- ループの外 -->
90
+
91
+ ```
84
92
 
85
93
 
86
94
 
@@ -104,6 +112,8 @@
104
112
 
105
113
 
106
114
 
115
+ ```
116
+
107
117
  <ul class="a">
108
118
 
109
119
  <li></li>
@@ -126,6 +136,8 @@
126
136
 
127
137
  </ul>
128
138
 
139
+ ```
140
+
129
141
 
130
142
 
131
143
  上手く説明できず申し訳ございません。

1

返信フォームで改行が反映されず、読み辛い表記になったため、本文に追記しました。

2016/09/10 06:18

投稿

hiroakindo
hiroakindo

スコア8

test CHANGED
File without changes
test CHANGED
@@ -57,3 +57,75 @@
57
57
  どなたか正しいコードをご存じであれば教えて頂けませんでしょうか。
58
58
 
59
59
  お手数おかけしますがよろしくお願い致します。
60
+
61
+
62
+
63
+ ---------------------------------------
64
+
65
+ 以下補足説明になります。
66
+
67
+
68
+
69
+ ループの中と外は以下のようなイメージになります。
70
+
71
+ <!-- ループの外 -->
72
+
73
+ <?php if(have_posts()): ?>
74
+
75
+ <?php while(have_posts()): the_post(); ?>
76
+
77
+ <!-- ループの中 -->
78
+
79
+ <?php endwhile; ?>
80
+
81
+ <?php endif; ?>
82
+
83
+ <!-- ループの外 -->
84
+
85
+
86
+
87
+ ループの中は当然ながら記事などの繰り返しになり、ループの外は<div>などで囲ってstaticなものとなります。そのループの外にある<div>を○○件目の時にclassを付与したいという事です。
88
+
89
+
90
+
91
+ 例えば記事のループ処理で<ul></ul>タグなどを使用した場合、通常<ul></ul>は固定された状態となります。今回は<ul>を○○件目の時、class=""を付ける、などとしたいです。
92
+
93
+
94
+
95
+ <ul>(←1件目の時<ul class="a">,2件目の時<ul class="b">に切り替え,3件目以降<ul>に切り替え)
96
+
97
+ <li></li>
98
+
99
+ </ul>
100
+
101
+
102
+
103
+ 以下のように並ぶのではなく、<ul>だけを切り替えたいという事です。
104
+
105
+
106
+
107
+ <ul class="a">
108
+
109
+ <li></li>
110
+
111
+ </ul>
112
+
113
+
114
+
115
+ <ul class="b">
116
+
117
+ <li></li>
118
+
119
+ </ul>
120
+
121
+
122
+
123
+ <ul>
124
+
125
+ <li></li>
126
+
127
+ </ul>
128
+
129
+
130
+
131
+ 上手く説明できず申し訳ございません。