最近闲的蛋疼，又小折腾了几下WordPress。虽是小折腾，但并不顺利。碰到了好几个问题，最后在万戈、包子等高人指点下终于一一解决，这里对两位大侠说声谢谢。我来做个记录，与菜鸟们分享一下吧。
一、博客边栏友情链接分栏显示
可以实现该功能的插件很多，但是几行CSS代码就可以搞定的为什么要用插件呢？
我的实现方法：通过查看源文件，发现我的主题里友情链接用到的类名是xoxo blogroll(xoxo 可以直接无视),在style.css搜索该类名blogroll未果,直接新增样式如下（第二个样式我的主题内就有，我直接修改的，大家根据情况自己修改）：
1 2 3 4 5 6 7 8 9 10 11 12 13 | .blogroll{ width:250px; display:block; overflow:auto;/*记得清除浮动*/ zoom:1;/*兼容IE6*/ } ul.list-blogroll li,li.widget_links li { background:url(images/mini-blogroll.gif) no-repeat left center!important; display:block; float:left; padding-left:20px!important; width:105px; } |
注:如果想分成N列,就把li标签的宽度改成其父级标签的宽度-Margin-Padding等宽度再除以N,注意一定要留有余地多试几次，上面我只要将width:设置到106以上就不能分栏[因为（250-20X2）/2=105]。
参考地址：http://www.boxui.com/?p=715&replytocom=310
二、建立独立的友链页面
看到包子博客介绍才开始折腾这个的，方法非常简单：
1.复制一个当前模板的page.php，命名为linkpage.php。
2.给模板起个”linkpage”的名字，方法是在linkpage.php文件最上面加上如下代码：
1 2 3 4 5 | <?php /* Template Name: linkpage */ ?> |
3.将<div id=”content”>与 </div><!—content–>之间内容清空，写成如下代码：
1 2 3 4 5 | <div id=”content”>
<div class=”linkpage”>
<ul><?php wp_list_bookmarks(‘categorize=1&category_orderby=id&before=<li>&after=</li>&show_images=1&show_description=1&orderby=name&title_before=<h3>&title_after=</h3>’); ?></ul>
</div>
</div><!–content–> |
4.然后修改一下css,在所使用主题的style.css文件最下面加入代码：
1 2 3 4 5 6 | /*———————Links Page———————–*/ .linkpage ul {list-style-type:none;overflow:auto;padding:5px 6px;height:1%;} .linkpage ul li{color:#333;font-size:12px;margin-bottom:5px;} .linkpage ul li ul li {float:left;width:125px;background-color:#FFF;border:1px solid #dadada;line-height:180%;margin:3px;text-align:center;} .linkpage ul li ul li a {background-color:transparent;color:gray;display:block;text-decoration:none;} .linkpage ul li ul li a:hover {background-color:gray;color:#FFF;font-weight:700;} |
5.WordPress管理后台新建页面,模板选择“linkpage”。完工!
效果:https://b.xiacd.com/links/
以上操作如果正常只需要五分钟就可搞定，但是菜牛遇到三个小问题，解决办法与大家分享。
问题一：WP后台新建页面找不到模板选项。
解决办法：在后台先把主题换到默认主题，刷新页面，然后再换回原来主题刷新后台在属性下就可以看到页面模板选项了，这时选择刚建立的linkpage模板即可。
问题二：独立的链接页面数据正常，但是项目竖排，格式错乱。
菜牛按照以上步骤重新做了很多次仍不能解决，最后还是在吃饭时灵机一动想出来的。
问题出在分栏显示设置CSS项目.blogroll时设置了宽度250，这里你LI定位为135当然不足250的1/2，不能横排也就可以理解了。（可见理解代码多么重要！！！）
解决办法：将教程一（修改CSS分栏显示友情链接部分）处的width:250px;删除该行。这里不用担心删除后li项目会跑出250px宽度，因为blogroll的父项Sidebar中一般设置了边栏宽度。
问题三：链接分组分类后，博客边栏显示所有的分类了。
如果只想显示友情链接组而其他隐藏组，只要到后台小工具(Widget)的链接小工具里设置一下即可。
又一个牛人啊
瞎折腾呗。
我擦，这个不错可以试试,不过我的主题不太适合！
素雅兄，短短几字的评论都这么有性格。
第一个觉得可以去试试看
简单实用！
这个方法好。。 前几天害我折腾好久。。你早点发布嘛。
确实是我不对，自己用了半年才发布。一直以为太简单了，这次是跟友链页面才一起发布的。
我就一直很郁闷，WordPress对友情链接的排序顺序很奇怪
在wp_list_bookmarks函数里面有个参数Orderby就是指定排序顺序的。
你对博客系统研究的好透彻啊~
哪里谈得上透彻，看到网上的教程自己照着折腾一番而已。
我已经开始使用了哦
参观了，你的友情链接部分在我这里还是单列显示啊。
人多的地方蜘蛛出没频繁 ..
蜘蛛也跟风！
看的我头都爆了, 很有用!
只要会CtrlCV就好了。
恩:) 我用mstsc，所以ctrl+c和ctrl+v有的时候没用
MSTSC也没有关系，只要在“选项”-“本地资源”-“键盘”处设置为“本地计算机”就可以用了。
我也在用两栏友链
单栏太松，三栏太挤，还是两栏最实用。
学习了，需要的时候我来拿
欢迎。
分页有个问题，就是自己的PR不会作为商业用途了，分页后，分页的PR好像比较低。PS:有更新了一篇后期文章，如何让你的作品回归自然的生机
http://www.dustmedia.net/easy-to-learn-photoshop-green-filter/
学习下
你的米够浪！
蛋疼 看到这个词，有点麻麻的感觉！！呵呵
看来你也有过类似经历啊。
内页连接都是手动添加的吧，可否介绍自动添加的方法？
自动添加的啊。就是跟边栏BlogRoll一样从数据库中抓取的。方法上面不是说了么？
这样折腾一下，整洁多了。
嗯。就是要配的上这个主题的简洁。