我正在使用wordpress和fontawesome图标库为每个列表项添加图标。我已通过启用" CSS类"为每个列表项添加了类来自" 显示高级菜单属性"来自屏幕选项。我尝试了wp_nav_menu和其他各种技巧,但未能像fa fa-home那样输出类
<ul id="primary-menu">
<li><a href=""><i class="fa fa-home"></i>home</a></li>
<li><a href=""><i class="fa fa-user"></i>About</a></li>
<li><a href=""><i class="fa fa-camera"></i>Gallery</a></li>
<li><a href=""><i class="fa fa-gift"></i>Shop</a></li>
<li><a href=""><i class="fa fa-bullhorn"></i>Blog</a></li>
<li><a href=""><i class="fa fa-envelope"></i>contact</a>
</ul><!-- #primary-menu -->
我想将这些类单独输出到每个&#34; i &#34;列表项中的元素。请建议任何代码段或步骤。
答案 0 :(得分:0)
此代码(来自您的问题)不是标准WP代码 - 您的代码包含<i>
元素:
<ul id="primary-menu">
<li><a href=""><i class="fa fa-home"></i>home</a></li>
</ul>
WP输出这样的菜单,没有<i>
元素:
<ul class="menu">
<li id="menu-item-8" class="fa fa-home menu-item menu-item-type-post_type menu-item-object-page menu-sample-page">
<a href="http://www.example.com/sample-page/">Sample Page</a>
</li>
</ul>
注意上面fa fa-home
元素上的课程<li>
?这是通过添加类添加的(就像你描述的那样)。此外,它还在菜单中创建了所需的图标。
如果您没有获得该图标,请确保实际加载字体真棒,并确保字体文件安装在相对于字体真棒样式表的正确目录中。
您如何添加<i>
元素?实现这一目标的唯一方法(使用您尝试使用的技术)将是Write a custom menu walker,但是添加图标需要做很多工作,因为您只需编辑类即可添加它们。通过菜单仪表板。