个性化 WordPress 侧边栏

看到论坛上有朋友在求助想将侧边栏上的友情链接 Widget 分成两列显示,因为侧边栏比较宽,而友链一般靠左侧显示后,右半部分留白就会显得很难看,如果将友情链接或者其他侧边栏 Widget 一分为二两列显示,那排版上就会充实地多了。

要将 Widget 分成两栏显示,我也搜集了一些资料,总结了以下三个方法,其中我将重点介绍和推荐最后一个方法:

1、WP-MulticolLinks 插件。这个是最简单的方法,看这插件的名字就知道其功能是针对友情链接多栏化的。但是我测试了一下该插件,有局限的地方,首先这个插件只能将友情链接 Widget 分为多栏,对其他的 Widget 无效;其次该插件启用后,只有最左侧一栏的友情链接有 li 属性,其他右侧一栏或者说剩余的友情链接则是光秃秃的。

2、修改"xoxo blogroll"类。用 firebug 可以看到侧边栏的友情链接 CSS 是受"xoxo blogroll"控制的,就是说只要修改这个属性就可以达到友情链接分两栏的效果了。但是问题又来了,我还有个内页的友情链接页面,其中的链接也是受这个属性控制的,一改就全乱了,而且我对 CSS 不是太熟,没敢乱动。

3、让 Widget 支持 PHP 语句。这个想法就是将 PHP 语句写在了 Widget 模块里。换句话说,就是写一个 PHP 文件,让 WordPress 将其识别成 Widget 插件,激活后便可以在 Widget 后台拖动了。该方法是zEUS提出的,我按照他的方法把友情链接 Widget 写成了小插件,点此下载(0.94K)用法和普通插件一样,上传后激活就可以使用了,只需再给这个自己创建的 Widget 加上 CSS 就行,下面附上两栏化的 CSS ,其中宽度可以根据不同主题的侧边栏宽度进行调整。

/*-----wp diy widget link-----*/
.diylink ul,.diylink ul li ul {
list-style:none;
margin:0;
}
.diylink ul li,.diylink ul li ul li {
float:left;
padding-left:20px;
width:150px;
margin:0;
}

聪明的童鞋们就会举一反三了,不只是友情链接 Widget 可以分列显示,日志分类和日志归档的 Widget 同样可以分列显示,只要将它们用 PHP 写在 Widget 里再配上 CSS 就行啦。这样就让你的侧边栏达到了与众不同的效果,够个性吧。