如何在Wordpress的主菜单列表中显示图标？

编程问答 2022-05-28

问题描述

我正在使用 wordpress，我必须在主菜单上显示搜索图标并添加到购物车图标。 我没有为此使用任何插件。

查看源代码

<ul id="primary-menu-cart" class="menu">
<li id="menu-item-555" class="menu-search-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-555"><a href="#">Search</a></li>
<li id="menu-item-554" class="menu-cart-icon menu-item menu-item-type-custom menu-item-object-custom current-menu-item menu-item-554"><a href="http://example.com/cart/" aria-current="page">Cart</a></li>
</li>
</ul>

CSS

.menu-cart-icon,.menu-search-icon{position: relative;}
.menu-cart-icon:after,.menu-search-icon:after{
content: '';
position: absolute;
top: 0; 
left: 0;
right: 0;
bottom: 0;
margin: auto;   
height: 22px;
width: 20px;
z-index: 10;
background-size: contain;
background-repeat: no-repeat;

}
.menu-cart-icon:after{background-image: url('/wp-content/uploads/2021/01/Bag.png');}
.menu-search-icon:after{background-image: url('/wp-content/uploads/2021/01/Search.png');}

我得到了这样的图标。现在，如何删除文本？

enter image description here

我必须这样显示

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmlmenumenumenupluginspluginswordpresswordpress