在开始一个新列表之前，Wordpress将页脚菜单限制为4个链接

Question

所以我正在试着找出是否有可能有一个函数可以像现在一样在页脚显示我的页面链接，但是在4个链接之后，创建一个新的ul并填充另外4个链接。此外，还将链接显示的总数限制为8个。因此，基本上允许在两个列表上显示。

这个是可能的吗？我的代码..

// the footer menu (should you choose to use one)
    function bones_footer_links() {
        // display the wp3 menu if available
        wp_nav_menu(array(
            'container' => '',                              // remove nav container
            'container_class' => 'footer-links clearfix',   // class of container (should you choose to use it)
            'menu' => __( 'Footer Links', 'bonestheme' ),   // nav name
            'menu_class' => 'nav footer-nav clearfix',      // adding custom nav class
            'theme_location' => 'footer-links',             // where it's located in the theme
            'before' => '',                                 // before the menu
            'after' => '',                                  // after the menu
            'link_before' => '',                            // before each link
            'link_after' => '',                             // after each link
            'depth' => 4,                                   // limit the depth of the nav
            'fallback_cb' => 'bones_footer_links_fallback'  // fallback function
        ));
    } /* end bones footer link */

// this is the fallback for footer menu
function bones_footer_links_fallback() {
    wp_page_menu( array(
        'show_home' => true,
        'menu_class' => 'nav bottom-nav clearfix',      // adding custom nav class
        'include'     => '',
        'exclude'     => '',
        'echo'        => true,
        'link_before' => '',                            // before each link
        'link_after' => ''                             // after each link
    ) );
}

这给了我：

<ul>
    <li><a href="#" title="">Link</a></li>
    <li class="page_item page-item-9 current_page_item"><a href="#">Link</a></li>
    <li class="page_item page-item-46"><a href="#">Link</a></li>
    <li class="page_item page-item-42"><a href="#">Link</a></li>
    <li class="page_item page-item-44"><a href="#">Link</a>
</ul>

我想要的是在4个链接之后，一个像这样的新ul：

<ul class="list_third">
    <li><a href="#">link text</a></li>
    <li><a href="#">link text</a></li>
    <li><a href="#">link text</a></li>
    <li><a href="#">link text</a></li>
</ul>

<ul class="list_third">
    <li><a href="#">link text</a></li>
    <li><a href="#">link text</a></li>
    <li><a href="#">link text</a></li>
    <li><a href="#">link text</a></li>
</ul>

最多显示8个链接。

Answer 1

我确信这个问题早就得到了回答，但我在试图找出类似的东西时遇到了这个问题，所以我想我应该把我发现的东西贴出来。

虽然它并不完全是您想要的，但是可以使用CSS列计数来接近它。你可以看看我找到here的那个小提琴。这对我很有帮助，所以我想我应该把它传下去。

干杯!丹尼尔

div#multiColumn {
-moz-column-count: 2;
-moz-column-gap: 20px;
-webkit-column-count: 2;
-webkit-column-gap: 20px;
column-count: 2;
column-gap: 20px;

}