Php 在cutom菜单wordpress中添加样式图像

Php 在cutom菜单wordpress中添加样式图像,php,html,css,wordpress,Php,Html,Css,Wordpress,我是wordpress的初学者,并创建了我的第一个主题。我被困在一个地方。在静态html中,我使用列表中的图像来设置导航样式。我可以在wordpress中进行动态导航,但我无法在li中动态放置图像 我的静态导航代码在这里 <ul> <li class="li_img"><img src="imgs/line-img.png" /></li> <li class="li_txt"><a href="#

我是wordpress的初学者,并创建了我的第一个主题。我被困在一个地方。在静态html中,我使用列表中的图像来设置导航样式。我可以在wordpress中进行动态导航,但我无法在li中动态放置图像

我的静态导航代码在这里

    <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>

  • 如果可以的话,我会避免这样设置菜单项的样式。为边框/分隔符图像使用单独的li违背了HTML/CSS关系的目的。能否将line-img.png应用于li元素的背景

    您是否使用wp_nav_menu()作为菜单?它应生成类似以下内容的代码:

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

    对菜单数组进行迭代,然后对每个数组执行
    echo
    静态数据loop@Akam这是完全有道理的,但是如果有一点编码帮助,我们将不胜感激。在这里,您可以找到更多的示例:是的,我正在使用wp_nav_menu()你的建议很好。我会尝试一下。谢谢你在更新你的答案之前为我做的工作。两分钟后我会给它打勾。祝福你,非常感谢你:-)
    .menu-item {
        background: url(imgs/line-img.png) no-repeat right center;
    }