Question

我有一个导航菜单，它使用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个小时才无济于事，所以任何想法都会非常感激。提前谢谢！

Answer 1

您可以随时使用http://codex.wordpress.org/Function_Reference/wp_nav_menu#Using_a_Custom_Walker_Function为您想要的列格式化正确的HTML标记。

通过仅使用CSS还可以实现另一种解决方案。只需在<ul>上放宽度，<li>的宽度（<ul>应该是<li>的宽度的两倍）并将<li>元素浮动到内部。

第一栏中的第一个<li>
第二列中的第二个<li>
第一栏中的第三个<li>
等

如何使用wp_nav_menu（）将子类别拆分为列？

1 个答案: