将wordpress侧边栏分成2列

九月 19th, 2009719 views

今天用了很菜的办法总算wordpress侧边栏分成了2列——呵呵，因为我很菜，所以我的办法也很菜的说。。。

老早就看侧边栏的分类还有存档之类的，老是空着一般，难看得很。google了一番，什么办法都有，有改PHP代码的，有用java script的，有说用插件的。。。比较了一下，觉得看似修改CSS的那个方法对我而言应该最容易吧，所以尝试了一番。

正好我的主题的侧边栏宽度是固定的，根据前人的指点，固定好ul宽度，再将li的宽度设置为ul的一半或更少，并将li的属性设置为float:left。从结果上看，这个方法在我这里很有效:

把侧边栏分成2列

并且，如果是调整css，那么无论是要把2个栏目并列显示，还是要把栏目的内容并列显示，都是可以通过这种方法实现。

下面是从别人那里看到的一些方法，没有实验过，记下来以备不时之需：

1）用java script：http://www.neoease.com/spliting-blogroll-to-2-columns/

2）修改php代码：

<?php
$cats = explode("<br />",wp_list_categories('title_li=&echo=0&depth=1&style=none'));
$cat_n = count($cats) - 1;
for ($i=0;$i<$cat_n;$i++):
if ($i<$cat_n/2):
$cat_left = $cat_left.'<li>'.$cats[$i].'</li>';
elseif ($i>=$cat_n/2):
$cat_right = $cat_right.'<li>'.$cats[$i].'</li>';
endif;
endfor;
?>
<ul class="left">
<?php echo $cat_left;?>
</ul>
<ul class="right">
<?php echo $cat_right;?>
</ul>