如何自定义wp_nav_menu（）堡图标

Question

我如何添加图标wo wp_nav_menus？..这是我设计的图片

http://postimg.org/image/w7x2hfn75/

我想将第一个菜单作为图标，有没有办法？

我的代码

<?php 

    $defaults = array(
        'theme_location' => 'header-menu'
        );

    wp_nav_menu( $defaults ); 

?>

然后我添加

'before'          => '',

它显示每个菜单的图标，我要单个主页图标

图标来源http://fortawesome.github.io/Font-Awesome/icons/

Answer 1

将Font Awesome 4图标添加到WordPress菜单和站点，而无需触及任何一行代码！

在活动后跟随屏幕快捷方式安装此wordpress插件： 真棒字体4菜单

Answer 2

如果您使用的字体很棒，则可以在创建菜单时在导航项目标签上简单添加以下内容，

<i class="fa fa-home"></i>

您还可以使用CSS或Jquery在wordpress HTML菜单结构中添加一些内容，

不需要使用PHP来完成类似这样的简单操作

Answer 3

您可以从该设计创建网站，然后在该网站上发布指向该网站的链接，以便我为您提供替换第一个菜单项以添加图标的代码。