質問編集履歴
6
URLを追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -8,7 +8,11 @@
|
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
トップページ
|
11
|
+
トップページである
|
12
|
+
|
13
|
+
http://example.com/
|
14
|
+
|
15
|
+
には、
|
12
16
|
|
13
17
|
```html
|
14
18
|
|
@@ -28,7 +32,15 @@
|
|
28
32
|
|
29
33
|
```
|
30
34
|
|
35
|
+
と表示し、
|
36
|
+
|
37
|
+
|
38
|
+
|
31
|
-
|
39
|
+
タグAとタグBの2つをクリックで選択してから検索ボタンをクリックし、遷移したページである、
|
40
|
+
|
41
|
+
http://example.com/tag/タグA,タグB
|
42
|
+
|
43
|
+
のページには
|
32
44
|
|
33
45
|
```html
|
34
46
|
|
5
タグを追加しました。
test
CHANGED
File without changes
|
test
CHANGED
File without changes
|
4
「遷移した時」という言葉が不適切なので、「遷移した後」に変更しました。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
ページが遷移した
|
1
|
+
ページが遷移した後に特定の要素にクラスをつけたい
|
test
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
WordPressで作成したページで、ページが遷移した
|
1
|
+
WordPressで作成したページで、ページが遷移した後に、特定の要素にクラスをつけるにはどうすればよいでしょうか?
|
2
2
|
|
3
3
|
|
4
4
|
|
3
カテゴリーからタグに変更しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,11 +2,9 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
具体的には、トップページのサイドバーに
|
5
|
+
具体的には、トップページのサイドバーにタグクラウドのようなものを作成し、「タグA」「タグB」をクリックして選択し、複数のタグを検索(カンマ区切りのタグのURL)できるようにしました。選択した時に、それぞれactiveというclassを追加するようにしています。
|
6
6
|
|
7
|
-
|
8
|
-
|
9
|
-
|
7
|
+
そこで、複数のタグ(タグAとタグB)を検索したページに遷移したときに、「タグA」と「タグB」に選択している状態、activeクラスが追加されている状態で表示したいのです。
|
10
8
|
|
11
9
|
|
12
10
|
|
@@ -14,15 +12,39 @@
|
|
14
12
|
|
15
13
|
```html
|
16
14
|
|
15
|
+
<!-- トップページ -->
|
16
|
+
|
17
|
+
<div class="category">
|
18
|
+
|
17
|
-
<
|
19
|
+
<p class="tags">タグA</p>
|
20
|
+
|
21
|
+
<p class="tags">タグB</p>
|
22
|
+
|
23
|
+
<p class="tags">タグC</p>
|
24
|
+
|
25
|
+
<p class="tags">タグD</p>
|
26
|
+
|
27
|
+
</div>
|
18
28
|
|
19
29
|
```
|
20
30
|
|
21
|
-
と表示し、
|
31
|
+
と表示し、タグAとタグBをクリックして選択してから検索し、遷移したページには
|
22
32
|
|
23
33
|
```html
|
24
34
|
|
35
|
+
<!-- 検索結果ページ -->
|
36
|
+
|
37
|
+
<div class="category">
|
38
|
+
|
25
|
-
<
|
39
|
+
<p class="tags active">タグA</p>
|
40
|
+
|
41
|
+
<p class="tags active">タグB</p>
|
42
|
+
|
43
|
+
<p class="tags">タグC</p>
|
44
|
+
|
45
|
+
<p class="tags">タグD</p>
|
46
|
+
|
47
|
+
</div>
|
26
48
|
|
27
49
|
```
|
28
50
|
|
@@ -30,8 +52,4 @@
|
|
30
52
|
|
31
53
|
|
32
54
|
|
33
|
-
WordPressの場合、ナビメニューで同じようなものがよくあるのですが、カテゴリーやタグのリンクをクリックした時にも同じようなことがしたいです。
|
34
|
-
|
35
|
-
|
36
|
-
|
37
55
|
わかりにくい説明ですみません、よろしくお願いします...。
|
2
カテゴリーからカテゴリーAに変更しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
```html
|
16
16
|
|
17
|
-
<div class="category"><a href="/category-a">カテゴリー</a></div>
|
17
|
+
<div class="category"><a href="/category-a">カテゴリーA</a></div>
|
18
18
|
|
19
19
|
```
|
20
20
|
|
@@ -22,7 +22,7 @@
|
|
22
22
|
|
23
23
|
```html
|
24
24
|
|
25
|
-
<div class="category active"><a href="/category-a">カテゴリー</a></div>
|
25
|
+
<div class="category active"><a href="/category-a">カテゴリーA</a></div>
|
26
26
|
|
27
27
|
```
|
28
28
|
|
1
HTMLコードを追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -10,6 +10,26 @@
|
|
10
10
|
|
11
11
|
|
12
12
|
|
13
|
+
トップページには
|
14
|
+
|
15
|
+
```html
|
16
|
+
|
17
|
+
<div class="category"><a href="/category-a">カテゴリー</a></div>
|
18
|
+
|
19
|
+
```
|
20
|
+
|
21
|
+
と表示し、カテゴリーAをクリックして遷移したページには
|
22
|
+
|
23
|
+
```html
|
24
|
+
|
25
|
+
<div class="category active"><a href="/category-a">カテゴリー</a></div>
|
26
|
+
|
27
|
+
```
|
28
|
+
|
29
|
+
というようなことがしたいです。
|
30
|
+
|
31
|
+
|
32
|
+
|
13
33
|
WordPressの場合、ナビメニューで同じようなものがよくあるのですが、カテゴリーやタグのリンクをクリックした時にも同じようなことがしたいです。
|
14
34
|
|
15
35
|
|