teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問カスタム投稿で指定するクラスを付与する

編集履歴

質問編集履歴

5

ソースコード

2017/11/21 05:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,7 @@
4
4
 
5
5
  偶数と奇数に分けて色を変化させたいのですが、いかがでしょうか。
6
6
 
7
- PHP HTML5
8
-
9
- ```
7
+ ```PHP
10
8
 
11
9
  <div class="row">
12
10
 
@@ -76,7 +74,7 @@
76
74
 
77
75
  ここまで修正しましたが、すべてのClassコードも表示されてしまいます。
78
76
 
79
- ```
77
+ ```PHP
80
78
 
81
79
  <div class="row">
82
80
 
@@ -142,7 +140,7 @@
142
140
 
143
141
  配列から条件式で別けることができますでしょうか？
144
142
 
145
- ```
143
+ ```PHP
146
144
 
147
145
  <?php $classes = array( 'odd', 'even' );?>
148
146
 

4

ソースコード

2017/11/21 05:38

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  偶数と奇数に分けて色を変化させたいのですが、いかがでしょうか。
6
6
 
7
- HTML5
7
+ PHP HTML5
8
8
 
9
9
  ```
10
10
 
@@ -74,7 +74,7 @@
74
74
 
75
75
  ```
76
76
 
77
- ここまでできましたが、コードも表示されてしまいます。
77
+ ここまで修正しましたが、すべてのClassコードも表示されてしまいます。
78
78
 
79
79
  ```
80
80
 
@@ -96,11 +96,11 @@
96
96
 
97
97
  <?php if ($i % 2 == 1): ?>
98
98
 
99
- <h3 class="circlename-item . post_class('odd');"><?php echo post_custom( 'circlename' ); ?></h3>
99
+ <h3 <?php post_class( 'odd circlename-item' ); ?>><?php echo post_custom( 'circlename' ); ?></h3>
100
100
 
101
101
  <?php else: ?>
102
102
 
103
- <h3 class="circlename-item . post_class('even');"><?php echo post_custom( 'circlename' ); ?></h3>
103
+ <h3 <?php post_class( 'even circlename-item' ); ?>><?php echo post_custom( 'circlename' ); ?></h3>
104
104
 
105
105
  <?php endif; ?>
106
106
 

3

ソースコード

2017/11/21 05:18

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,7 +6,7 @@
6
6
 
7
7
  HTML5
8
8
 
9
- ```ここに言語を入力
9
+ ```
10
10
 
11
11
  <div class="row">
12
12
 
@@ -74,11 +74,9 @@
74
74
 
75
75
  ```
76
76
 
77
-
78
-
79
77
  ここまでできましたが、コードも表示されてしまいます。
80
78
 
81
- ```ここに言語を入力
79
+ ```
82
80
 
83
81
  <div class="row">
84
82
 
@@ -142,6 +140,12 @@
142
140
 
143
141
  ```
144
142
 
145
- こんな感じです。
143
+ 配列から条件式で別けることができますでしょうか？
146
144
 
145
+ ```
146
+
147
- ![イメージ説明](c3bd3abe6e22d2c8330016a4d2b0066f.png)
147
+ <?php $classes = array( 'odd', 'even' );?>
148
+
149
+ <?php if ($i % 2 == 1): ?>
150
+
151
+ ```

2

ソースコード

2017/11/21 02:04

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -141,3 +141,7 @@
141
141
  wp_reset_postdata();?>
142
142
 
143
143
  ```
144
+
145
+ こんな感じです。
146
+
147
+ ![イメージ説明](c3bd3abe6e22d2c8330016a4d2b0066f.png)

1

ソースコード

2017/11/20 04:25

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -73,3 +73,71 @@
73
73
 
74
74
 
75
75
  ```
76
+
77
+
78
+
79
+ ここまでできましたが、コードも表示されてしまいます。
80
+
81
+ ```ここに言語を入力
82
+
83
+ <div class="row">
84
+
85
+ <?php $i = 0;
86
+
87
+ $args = array( 'post_type' => circle );
88
+
89
+ $myposts = get_posts( $args );
90
+
91
+ foreach ( $myposts as $post ) : setup_postdata( $post );
92
+
93
+ ?>
94
+
95
+
96
+
97
+ <div class="col-md-4 col-sm-6">
98
+
99
+ <?php if ($i % 2 == 1): ?>
100
+
101
+ <h3 class="circlename-item . post_class('odd');"><?php echo post_custom( 'circlename' ); ?></h3>
102
+
103
+ <?php else: ?>
104
+
105
+ <h3 class="circlename-item . post_class('even');"><?php echo post_custom( 'circlename' ); ?></h3>
106
+
107
+ <?php endif; ?>
108
+
109
+ <div class="circle-wrapper">
110
+
111
+ <?php the_post_thumbnail( 'circle-thumb', array( 'class' => 'img-fluid circle-thumb' ) ); ?>
112
+
113
+ <p class="genre-item"><?php echo post_custom( 'genre' ); ?></p>
114
+
115
+ <p class="penname-item">PN&nbsp;<?php echo post_custom( 'penname' ); ?></p>
116
+
117
+ <p class="spacenumber-item">スペースNo&nbsp;<?php echo post_custom( 'spacenumber' ); ?></p>
118
+
119
+ </div>
120
+
121
+ </div>
122
+
123
+
124
+
125
+ <?php
126
+
127
+ $i++;
128
+
129
+ if ( $i % 3 == 0 ) {
130
+
131
+ echo '</div>';
132
+
133
+ }
134
+
135
+ ?>
136
+
137
+
138
+
139
+ <?php endforeach;
140
+
141
+ wp_reset_postdata();?>
142
+
143
+ ```