-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

除了阅读 Codex (essential)，您还可以搜索教程、文章和问答，有很多。

带有图标和活动项目突出显示的 WordPress Wp_Nav_Menu

我们将做：

  • 我们 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 回答