Q&A
【ページが遷移した時】ではなく
【ページが遷移した後】ですよね？
WordPressで作成したページで、ページが遷移した後に、特定の要素にクラスをつけるにはどうすればよいでしょうか？
具体的には、トップページのサイドバーにタグクラウドのようなものを作成し、「タグA」「タグB」をクリックして選択し、複数のタグを検索（カンマ区切りのタグのURL）できるようにしました。選択した時に、それぞれactiveというclassを追加するようにしています。
そこで、複数のタグ（タグAとタグB）を検索したページに遷移したときに、「タグA」と「タグB」に選択している状態、activeクラスが追加されている状態で表示したいのです。
トップページである
http://example.com/
には、
html
1<!-- トップページ --> 2<div class="category"> 3<p class="tags">タグA</p> 4<p class="tags">タグB</p> 5<p class="tags">タグC</p> 6<p class="tags">タグD</p> 7</div>
と表示し、
タグAとタグBの2つをクリックで選択してから検索ボタンをクリックし、遷移したページである、
http://example.com/tag/タグA,タグB
のページには
html
1<!-- 検索結果ページ --> 2<div class="category"> 3<p class="tags active">タグA</p> 4<p class="tags active">タグB</p> 5<p class="tags">タグC</p> 6<p class="tags">タグD</p> 7</div>
というようなことがしたいです。
わかりにくい説明ですみません、よろしくお願いします...。
「ページが遷移した時」という文は「した」という過去形の文だったので、遷移後の意味だと勘違いしていました。
すみません、修正しました。ありがとうございます！
回答1件
0
ベストアンサー
検索結果のページにどういう形で選択されたタグが引き継がれているかはわかりませんが、
$tagsに配列で入っていると仮定した場合は
php
1<? $tags; ?> 2<!-- 検索結果ページ --> 3<div class="category"> 4<p class="tags <? echo in_array('タグA', $tags) ? '"active"' : '';">タグA</p> 5<p class="tags <? echo in_array('タグB', $tags) ? '"active"' : '';">タグB</p> 6<p class="tags <? echo in_array('タグC', $tags) ? '"active"' : '';">タグC</p> 7<p class="tags <? echo in_array('タグD', $tags) ? '"active"' : '';">タグD</p> 8</div>
とすればできるかと。
タグクラウドということなので
foreachで回す場合は適宜変更していただければ。
投稿2016/02/22 03:52
総合スコア150
あなたの回答
tips
プレビュー
