回答編集履歴

1

追記

2020/06/22 15:42

投稿

mossbarger
mossbarger

スコア26

test CHANGED
@@ -71,3 +71,139 @@
71
71
  ```
72
72
 
73
73
  もし、カラムのデザインだけでなく表示内容も分岐したい、ということでしたら`is_age('news')`などを使う必要があるので、その辺はまたお尋ねください。
74
+
75
+
76
+
77
+ ###追記
78
+
79
+ すみません勘違いしていました。2カラムはきっとCSSでなくサイドバーで出力されていますよね?
80
+
81
+
82
+
83
+ 上の確認事項と解決方法はスルーしてください。
84
+
85
+
86
+
87
+ やはり`is_age('news')`などで分岐する必要がありそうです。
88
+
89
+
90
+
91
+ おそらくすべて固定ページと思いますので、まずpage.phpのテンプレートファイルをご覧ください。
92
+
93
+
94
+
95
+ そこに「NEWS」「DISCOGRAPHY」「BLOG」のいずれの場合も出力される、共通のHTMLが書いてありませんか?
96
+
97
+
98
+
99
+ (page.phpに書いていなければpage.phpでget_template_partされて呼ばれているテンプレートファイルに書いてあると思います。)
100
+
101
+
102
+
103
+ その共通のHTMLが例えばこうだとします。
104
+
105
+ ```php
106
+
107
+ <div class="wrapper">
108
+
109
+ <div class="main" role="main">
110
+
111
+ <!-- メインコンテンツ -->
112
+
113
+ <div>
114
+
115
+ <aside class="side">
116
+
117
+ <!-- サイドコンテンツ -->
118
+
119
+ </aside>
120
+
121
+ </div>
122
+
123
+ ```
124
+
125
+ であれば、こうします。
126
+
127
+ ```php
128
+
129
+
130
+
131
+ <div class="wrapper">
132
+
133
+
134
+
135
+ <?php if ( is_page('news') || is_page('discography') ) : ?>
136
+
137
+
138
+
139
+ <div class="main" role="main">
140
+
141
+ <!-- メインコンテンツ -->
142
+
143
+ <div>
144
+
145
+ <?php get_sidebar(); ?>
146
+
147
+
148
+
149
+ <?php elseif ( is_page('blog') ) : ?>
150
+
151
+
152
+
153
+ <div class="main" role="main">
154
+
155
+ <!-- メインコンテンツ -->
156
+
157
+ <div>
158
+
159
+
160
+
161
+ <?php endif;>
162
+
163
+
164
+
165
+ </div>
166
+
167
+
168
+
169
+ ```
170
+
171
+ `if ( is_page('news')`というのは`もしスラッグがnewsのページなら`という意味なので、これを使って表示内容を分岐してあげるわけです。
172
+
173
+
174
+
175
+ なので、上記の分岐をすると、それぞれ次のHTMLが出力されると思います。
176
+
177
+ ```html
178
+
179
+ <div class="wrapper">
180
+
181
+ <div class="main" role="main">
182
+
183
+ <!-- メインコンテンツ -->
184
+
185
+ <div>
186
+
187
+ <aside class="side">
188
+
189
+ <!-- サイドコンテンツ -->
190
+
191
+ </aside>
192
+
193
+ </div>
194
+
195
+ ```
196
+
197
+ ```html
198
+
199
+ <div class="wrapper">
200
+
201
+ <div class="main" role="main">
202
+
203
+ <!-- メインコンテンツ -->
204
+
205
+ <div>
206
+
207
+ </div>
208
+
209
+ ```