[英]adding style image in cutom menu wordpress
我是一个初学者,可以用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>
您可以使用类似以下内容的样式:
.menu-item {
background: url(imgs/line-img.png) no-repeat right center;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.