在cutom菜單wordpress中添加風格圖像

我是一名初學者，開始創作我的第一個主題。我被困在一個地方。在我的靜態HTML中，我使用列表中的圖像來設置我的導航風格。我可以在wordpress中進行動態導航，但是我無法動態地將我的圖片放入li中。在cutom菜單wordpress中添加風格圖像

我對導航的靜態代碼是在這裏

<ul> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
     <li class="li_txt"><a href="#">Home</a></li> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
     <li class="li_txt"><a href="#">About</a></li> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
     <li class="li_txt"><a href="#">Archives</a></li> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
     <li class="li_txt"><a href="#">Write for Us</a></li> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
     <li class="li_txt"><a href="#">Sitemap</a></li> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
     <li class="li_txt"><a href="#">Contact</a></li> 
     <li class="li_img"><img src="imgs/line-img.png" /></li> 
    </ul>

我怎樣才能得到這個動態

<li class="li_img"><img src="imgs/line-img.png" /></li>

來源

2013-08-05 Awais Umar

迭代菜單陣列上，然後'echo'靜態數據爲每個循環 – 2013-08-05 19:43:29

@Akam完全不會：

<ul class="menu"> <li id="menu-item-1" class="menu-item">Menu Item</li> </ul>

你可以可以用類似樣式上面有道理，但一點編碼的幫助將不勝感激。 –

在這裏你可以找到更多的例子：http://php.net/manual/en/control-structures.foreach.php – 2013-08-05 19:47:51

替代如果可以，我會避免造型的菜單項這樣。爲邊界/分隔符圖像設置單獨的li會破壞HTML/CSS關係的目的。你可以將line-img.png應用於li元素的背景嗎？

您是否在菜單中使用wp_nav_menu（）？它應該產生類似代碼：

.menu-item { 
    background: url(imgs/line-img.png) no-repeat right center; 
}

來源

2013-08-05 19:48:38 Ralph

是的，我使用wp_nav_menu（）和你的建議是相當不錯..我會試一試。。感謝 –

剛剛更新了我的答案。希望能幫助到你！ – Ralph

是的，在你更新你的答案之前，我已經爲你工作了......兩分鐘後會給它打勾的標記。保持祝福，非常感謝你:-) –

在cutom菜單wordpress中添加風格圖像

回答

相關問題