質問編集履歴
1
目的の記載しました。またメニュー部分のタグを<ul><li>から<a>タグに修正に伴い、各項目併せて変更してあります。
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
「wp_nav_menu」で出力しているメニューの「最後尾に<span>を追加する」
|
test
CHANGED
@@ -2,23 +2,73 @@
|
|
2
2
|
|
3
3
|
|
4
4
|
|
5
|
-
wordpressでカスタムニューを「wp_nav_menu」で出力しています。
|
5
|
+
現在wordpressでカスタムニューを「wp_nav_menu」で出力しています。
|
6
6
|
|
7
|
-
|
7
|
+
最後尾に<span>を追加したいです。
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
<ul>
|
12
11
|
|
13
|
-
<li></li>
|
14
12
|
|
15
|
-
<l
|
13
|
+
下記のページを参考に<ul><li>は削除済みです。
|
16
14
|
|
17
|
-
|
15
|
+
https://hacknote.jp/archives/5606/
|
18
16
|
|
19
|
-
<span></span>
|
20
17
|
|
18
|
+
|
19
|
+
目的は下記・参考ページの様な「マウスオーバーでアンダーラインが追従する」メニューにする事です。
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
http://webrocketsmagazine.com/entry/20111221/animate-menu-underline-using-jquery.html
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
```ここに言語を入力
|
30
|
+
|
31
|
+
【現在の状態】
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
<nav>
|
36
|
+
|
37
|
+
<a></a>
|
38
|
+
|
39
|
+
<a></a>
|
40
|
+
|
41
|
+
<a></a>
|
42
|
+
|
21
|
-
</
|
43
|
+
</nav>
|
44
|
+
|
45
|
+
```
|
46
|
+
|
47
|
+
|
48
|
+
|
49
|
+
```ここに言語を入力
|
50
|
+
|
51
|
+
【実現したい(最後尾に<span>を追加する)】
|
52
|
+
|
53
|
+
|
54
|
+
|
55
|
+
<nav>
|
56
|
+
|
57
|
+
<a></a>
|
58
|
+
|
59
|
+
<a></a>
|
60
|
+
|
61
|
+
<a></a>
|
62
|
+
|
63
|
+
<span></span>
|
64
|
+
|
65
|
+
</nav>
|
66
|
+
|
67
|
+
|
68
|
+
|
69
|
+
```
|
70
|
+
|
71
|
+
|
22
72
|
|
23
73
|
|
24
74
|
|
@@ -28,9 +78,19 @@
|
|
28
78
|
|
29
79
|
```
|
30
80
|
|
81
|
+
上記の【実現したい(最後尾に<span>を追加する)】様に
|
82
|
+
|
83
|
+
最後尾に<span>を追加したいです。
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
|
88
|
+
|
31
|
-
wp_nav_menu 関数を一通り見てみたのですが、該当するものがな
|
89
|
+
wp_nav_menu 関数を一通り見てみたのですが、該当するものがなく
|
32
90
|
|
33
91
|
funtions.phpで追加するのでしょうか?
|
92
|
+
|
93
|
+
|
34
94
|
|
35
95
|
```
|
36
96
|
|
@@ -42,21 +102,17 @@
|
|
42
102
|
|
43
103
|
```ここに言語名を入力
|
44
104
|
|
45
|
-
<
|
105
|
+
<nav class="gnav">
|
46
106
|
|
47
|
-
|
107
|
+
<?php
|
48
108
|
|
49
|
-
|
109
|
+
$menuParameters = array('echo' => false,);
|
50
110
|
|
51
|
-
|
111
|
+
echo strip_tags(wp_nav_menu( $menuParameters ), '<a>' );
|
52
112
|
|
53
|
-
|
113
|
+
?>
|
54
114
|
|
55
|
-
);
|
56
|
-
|
57
|
-
|
115
|
+
</nav>
|
58
|
-
|
59
|
-
?>
|
60
116
|
|
61
117
|
```
|
62
118
|
|
@@ -66,9 +122,15 @@
|
|
66
122
|
|
67
123
|
|
68
124
|
|
69
|
-
|
125
|
+
下記のページを参考に<ul><li>は削除してみました。
|
70
126
|
|
127
|
+
|
128
|
+
|
71
|
-
|
129
|
+
https://hacknote.jp/archives/5606/
|
130
|
+
|
131
|
+
|
132
|
+
|
133
|
+
|
72
134
|
|
73
135
|
|
74
136
|
|