0

だから、Bootstrap を使って Wordpress サイトに取り組んでいます。WP と統合されたメニューには、Bootstrap のナビゲーション バーを使用しています。ナビゲーションバーに「ホーム」としてホームページをリンクとして持っています。テキストとしての「ホーム」の代わりに、テキストではなくグリフィコンを表示したい。
そのためにCSSを使用できると思います...次のようなもの：

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

しかし、ブートストラップでは、このようなアイコンを使用する必要があります

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

誰？

ありがとう

4

3 に答える 3

0

テーマでワードプレス 3+ wp_nav_menu を使用している場合、このスニペットを にfunctions.php追加すると、ブートストラップのグリフィコン ホーム リンクがナビゲーションに追加されます。

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 に答える
0

カスタムリンクを追加して、ナビゲーションラベルの内側に配置することでできると思いました。

私はまだそれを行う別の方法が欲しいです。:D

乾杯

于 2013-10-17T18:53:22.177 に答える
-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 に答える