如何将类别划分并显示为两列

时间:2011-11-17 作者:Ankit

我正在使用自定义分类法。我有多个类别,每个类别都有多个子类别。我想在我的主页上显示两列类别,类似于linkcentre。com。

我尝试使用wp\\u list\\u类别,但无法将其输出拆分为两列。

我试过了this solution 但它只有在没有子类别的情况下才起作用。

谢谢

1 个回复
最合适的回答,由SO网友:Tom J Nowell 整理而成

您不需要对PHP或html进行任何代码更改!

假设使用了以下代码:

<ul class="mypagelist">
    <?php wp_list_pages(\'sort_column=menu_order&title_li=\'); ?>
</ul>
导致:

<ul class="mypagelist">
    <li>Page 1</li>
    <li>Page 2</li>
    <li>Page 3</li>
    <li>Page 4
        <ul>
            <li>Subpage 1</li>
        </ul>
    </li>
    <li>Page 5</li>
</ul>
按以下方式使用CSS:

.mypagelist { width:600px; /* or any other size */ }
.mypagelist li { float:left; width:290px; margin-right:10px /* width + margin = width of parent divided by 2 */ }
.mypagelist li ul { display: none; /* don\'t show subpages */ }
最后,我们需要在末尾(或包含页面列表调用的容器上)有一个clearing元素。e、 g。<div style="clear:left;"></div>, 虽然我会尽可能避免内联样式。

对于任何无序列表、类别、页面、导航菜单等,也可以这样做

结束