WordPressナビゲーションでスパンタグが発生する

Question

私はスパンタグを使用して、WPのナビゲーションバーのいくつかのノブスタイルをターゲットにしています。しかし、コードはWPテンプレートに登録されており、WPが出力しているコードを見るとそのスパンが拾われていないように見えますが、その理由はわかりません。 CSSがスパンタグを取得していないことが必要ですが、理由はわかりません。ここで

は、テンプレートのコードです：ここで

<nav id="sub-navigation"> 
    <?php wp_nav_menu(array('menu' => 'Sub Nav Menu'));?> 
<span></span></nav> 

は、関連するCSSです：

#sub-navigation{ margin:20px 0 30px 0} 

#sub-navigation ul{list-style:none} 

#sub-navigation li a{display:block;background-color:#647484;overflow: visible ! 
important; color:white; font:1.4em Verdana,Geneva,sans-serif; padding:10px 10px 10px 
25px; position:relative; text-decoration:none; margin:0 0 5px 0; width:233px;} 

#sub-navigation li a span{position:absolute; right:100%; top:5px; width:15px; 
height:100%; background-color:#647484; background-image:url(images/navshadow.png); 
background-position: top right; background-repeat:repeat-y;} 

#sub-navigation li:nth-child(2) a, #sub-navigation li:nth-child(2) a span{background- 
color:#728c8c} 
#sub-navigation li:nth-child(3) a, #sub-navigation li:nth-child(3) a span{background- 
color:#768c72} 
#sub-navigation li:nth-child(4) a, #sub-navigation li:nth-child(4) a span{background- 
color:#909673} 
#sub-navigation li:nth-child(5) a, #sub-navigation li:nth-child(5) a span{background- 
color:#647484} 
#sub-navigation li:nth-child(6) a, #sub-navigation li:nth-child(6) a span{background- 
color:#728c8c} 

#sub-navigation li a:hover{text-decoration:none; background-color:#666} 
#sub-navigation li a:hover span{background-color:#666} 

Answer 1

Wordpress "wp_nav_menu" documentationによると、あなたがタグ内のリンクテキストの前にテキストを設定するlink_beforeを使用することができます：

wp_nav_menu(array('menu' => 'Sub Nav Menu', 'link_before' => '<span>/<span>'));

これを使用して、空のspanタグをメニューに割り当ててみてください。