0

所以我正在使用 Bootstrap 开发一个 Wordpress 网站。我正在使用 Bootstrap 的导航栏作为与 WP 集成的菜单。我将主页作为导航栏中的链接作为“主页”。而不是“主页”作为文本，我希望出现一个字形而不是文本。
我想我可以为此使用 CSS ......像这样：

#menu-item-55 {
  /* something that removes text and adds the icon */
}

但在引导程序中，我必须使用这样的图标

<span class="glyphicon glyphicon-search"></span>

任何人？

谢谢

4

3 回答 3

0

我想我可以通过添加自定义链接并将导航标签放在里面来做到这一点。

我仍然想要另一种方式来做到这一点。:D

干杯

于 2013-10-17T18:53:22.177 回答
0

如果您将 wordpress 3+ wp_nav_menu 与您的主题一起使用，则将此代码段functions.php添加到您的导航中会添加一个引导程序的 glyphicon-home 链接。

function addHomeMenuLink($menuItems, $args)
{
    if('header_menu' == $args->theme_location) // make sure to give the right theme location for the menu
    {
        if ( is_front_page() )
            $class = 'class="current-menu-item active"';
        else
            $class = '';
        $homeMenuItem = '<li ' . $class . '>' .
                $args->before .
                '<a class="glyphicon glyphicon-home" href="' . home_url( '/' ) . '" title="Home">' .
                $args->link_before .
             /* 'HOME' . //add home text if you want. */
                $args->link_after .
                '</a>' .
                $args->after .
                '</li>';
        $menuItems = $homeMenuItem . $menuItems;
    }
    return $menuItems;
}
add_filter( 'wp_nav_menu_items', 'addHomeMenuLink', 10, 2 );

资源

于 2014-05-24T11:28:36.833 回答
-1
  1. 导航到外观 > 菜单
  2. 找到要添加图标的菜单项
  3. 展开菜单项

  4. 在导航项中，您需要在现有菜单项标签之前或之后或代替现有菜单项标签添加图标代码。对于这个例子，我将使用主页图标。这是您要输入的内容：

    <i class='icon-home icon-white'></i>首页

注意：确保使用单引号！

5.重要：这是您要确保做的事情，如果您忽略此步骤，可能会对您的 SEO 产生负面影响。您需要确保将纯文本放在 Title Attribute 字段中。

6.保存菜单。（还要确保您从主题位置下拉菜单中选择了其中一个菜单）就是这样！

http://jasonbradley.me/icons-in-the-wordpress-menu/

于 2014-01-07T13:03:53.937 回答