wordpress中的html导航菜单

Question

我在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导航菜单

Answer 1

唯一的方法是使用wordpress导航系统

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

他们的系统已经进行了很多工作，所以你没有理由想要复制它。

Answer 2

来自阅读Codex（必不可少）的公寓，您可以搜索tutorials, articles and Q&A's，其中有很多。

WordPress Wp_Nav_Menu with Icons and Active Item Highlight

  

我们将会这样做：

     

  
• 我们的wp_nav_menu中的主页链接总是获取当前的博客网址
  
• 根据需要自定义每个菜单项
  
• 在我们的菜单中添加漂亮的图标
  
• 有效项目突出显示
  

Function Examination: wp_nav_menu

  

在本教程中，我们将深入研究   wp_nav_menu函数可以执行，使用Walker Class添加子   描述，并涉及其中一些相关功能。