Question

问题

我正在使用wordpress和fontawesome图标库为每个列表项添加图标。我已通过启用＆＃34; CSS类＆＃34;为每个列表项添加了类来自＆＃34; 显示高级菜单属性＆＃34;来自屏幕选项。我尝试了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;列表项中的元素。请建议任何代码段或步骤。

Answer 1

此代码（来自您的问题）不是标准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，但是添加图标需要做很多工作，因为您只需编辑类即可添加它们。通过菜单仪表板。

将类添加到wordpress中的单个列表项

问题

代码

1 个答案: