-1

wordpressでhtmlナビゲーションバーを使用しています

私のHTMLナビゲーションバーコード

                    <li class="active">
                        <a href="http://www.siteurl.com/shop/" class="active">
                            <i class="icon-nav icon-home"></i>
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=172">
                            <i class="icon-nav icon-star"></i>
                            About </a>
                                               </li>
                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=176">
                            <i class="icon-nav icon-th-large"></i>
                            Gallery</a>
                                               </li>
                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=174">
                            <i class="icon-nav icon-comments"></i>
                            Services</a>
                                               </li>
                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=4">
                            <i class="icon-nav icon-shopping-cart"></i>
                            Shop</a>
                                               </li>
                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=187">
                            <i class="icon-nav icon-pencil"></i>
                            Blog</a></li>

                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=145">
                            <i class="icon-nav icon-plus-sign"></i>
                            Events</a></li>
                    <li>
                        <a href="http://www.siteurl.com/shop/?page_id=178">
                            <i class="icon-nav icon-map-marker"></i>
                            Contact</a>

                    </li>
                </ul> 
            </nav>

以下のホームの例のように、各ページにコンディショナルタグを作成しようとしました

                  <?php if ( is_home() ) { ?>
           <li class="active">
                        <a href="http://www.siteurl.com/shop/" class="active">
                            <i class="icon-nav icon-home"></i>
                            Home
                        </a>
                    </li>
    <?php } else { ?>
                    <li>
                        <a href="http://www.siteurl.com/shop/" >
                            <i class="icon-nav icon-home"></i>
                            Home
                        </a>
                    </li>

しかし、これは、それぞれのページを表示するときにメニューアイコンをアクティブにする方法が機能していません直接htmlナビゲーションメニューを使用する場合

4

2 に答える 2

0

コーデックス（必須）を読んでから、チュートリアル、記事、Q＆Aを検索できます。それらはたくさんあります。

アイコンとアクティブなアイテムのハイライトを備えたWordPressWp_Nav_Menu

私たちは次のことを行います：

  • 常に現在のブログのURLを取得するwp_nav_menuのホームリンク
  • 必要に応じて各メニュー項目をカスタマイズします
  • メニューにきれいなアイコンを入れて
  • アクティブなアイテムのハイライト

機能検査：wp_nav_menu

wp_nav_menuこのチュートリアルでは、関数が実行できるすべてのことを深く掘り下げ 、 Walkerクラスを使用してサブ説明を追加し、関連する関数のいくつかに触れます。

于 2012-11-28T13:32:07.023 に答える
0

これを行う唯一の方法は、wordpress ナビゲーション システムを使用することです。

http://codex.wordpress.org/Function_Reference/wp_nav_menu

彼らのシステムには多くの作業が行われているため、複製する理由はありません。

于 2012-11-27T23:26:06.460 に答える