我有一个导航菜单,它使用WordPress'wp_nav_menu()
函数,首先在下拉子菜单中将父类别和所有子类别呈现到该类别。标记如下所示:
<li id="menu-item-256" class="category-electronics menu-item menu-item-type-taxonomy menu-item-object-category">
<a class="expander-btn" href="#">
<div class="drop-down">
<div class="arrow left"></div>
<ul class="sub-menu">
<li id="menu-item-272" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-271" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-270" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-269" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-268" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-267" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-266" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-265" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-264" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-263" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-262" class="menu-item menu-item-type-taxonomy menu-item-object-category">
<li id="menu-item-261" class="menu-item menu-item-type-taxonomy menu-item-object-category">
</ul>
</div>
</li>
我希望能够将子类别分成列(每列有5或6个链接),但不知道如何去完成这件事。我已经花了近30个小时在这一点现在没有任何作用,所以任何想法将是非常感谢。提前道谢!
您可以始终使用http://codex.wordpress.org/function_reference/wp_nav_menu#using_a_custom_walker_function为所需的列设置适当的HTML标记格式。
还有另一种解决方案,只使用CSS即可。只需在
上加上width和的width(
的宽度应该是的两倍),并将
元素浮动在里面。