为自己的菜单定制步行者类?

时间:2013-06-26 作者:VahidArjmand

我为自己的博客设计了一个html模板,在我的主题中,我的菜单就是这个结构,

<ul class="right">
<li class="has-dropdown">
<a class="active" href="index.html">Home</a>
<ul class="dropdown">
<li><a href="index.html">Home Page - Default</a></li>
<li><a href="index-type1.html">Home Page Type 1</a></li>
<li><a href="index-type2.html">Home Page Type 2</a></li>
<li class="has-dropdown"><a href="#">TouchM Sliders</a>
<ul class="dropdown">
<li><a href="index.html">Slider Revolution</a></li>
<li><a href="index-flexi.html">Flexislider</a></li>
<li><a href="index-camera.html">Camera Slider</a></li>
</ul>
</li>
</ul>
</li>

<li class="has-dropdown">
<a  href="#">Features</a>
<ul class="dropdown">
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing Tables</a></li>
<li><a href="shortcodes.html">Shortcodes</a></li>
<li><a href="notfound.html">404 Not Found</a></li>
<li><a href="under-construction.html">Under Construction</a></li>
<li class="has-dropdown"><a href="#">Third Navigation Level</a>
<ul class="dropdown">
<li><a href="#">This is a simple example</a></li>
<li><a href="#">Of the Third Level</a></li>
</ul>
</li>
</ul>        
</li>

<li class="has-dropdown">
<a href="#">Blog</a>
<ul class="dropdown">
<li><a href="blog_sidebar_right.html">Blog Default</a></li>
<li><a href="blog_type1.html">Blog Type 1</a></li>
<li><a href="blog_type2.html">Blog Type 2</a></li>         
<li><a href="blog_sidebar_right.html">Sidebar Right</a></li>
<li><a href="blog_sidebar_left.html">Sidebar Left</a></li>
<li><a href="blog_inner.html">Single Post</a></li>
</ul>
</li>

<li class="has-dropdown">
<a href="#">Portfolio</a>
<ul class="dropdown">             
<li><a href="portfolio_default.html">Portfolio Default (4 Columns)</a></li>         
<li><a href="portfolio_type1.html" class="">Portfolio 2 Columns</a></li>
<li><a href="portfolio_type2.html">Portfolio 3 Columns</a></li> 
<li><a href="portfolio_default.html">Portfolio 4 Columns</a></li>            
<li><a href="single-project.html">Single Project</a></li>
</ul>
</li>

<li><a href="contact.html">Contact</a></li>

</ul>
但当我使用wp nav menu创建菜单时,wordpress不正确创建此菜单,我搜索此问题,然后我取消重新启动以解决此问题,使用wp nav wlaker类,这一次我的问题是哪个walker类与此菜单结构兼容

1 个回复
SO网友:s_ha_dum

这次我的问题是哪个walker类与这个菜单结构兼容

是的,您应该能够生成一个walker来实现这一点,但是如果您希望标记与菜单API创建的标记完全不同,那么为什么要使用菜单API呢?这是浪费精力。

然而,我建议你与WordPress合作,而不是反对它。菜单API可以而且确实构建了与您发布的内容非常非常相似的内容。使用“自定义链接”添加任意锚定,例如.html 文件。看看这个标记,让你的CSS/Javascript/任何东西都可以使用它,而不是试图(本质上)在WordPress中强制使用非WordPress菜单。从长远来看,你会更快乐。

结束

相关推荐

涉及AJAX的自定义Walker导航问题

我在一个不是我写的主题中使用ajax。这个ajax点击链接,然后将该页面滑入视图。它工作得很好。为了做到这一点,我必须为wp\\U nav\\U菜单定制一个walker,在链接中添加两个字符,以便我的链接在nav中看起来像这样 http://my-site.com/#!/post-1 我的问题是,当查看单个页面时。我必须让WordPress重新加载页面才能获得单个帖子。那么我的链接会是这样的 http://my-site.com/?p=post-1 因此,当我将鼠标悬停在导航上以返回到