简单定制 WordPress 友情链接页面
Tag: wordpress , wp_list_bookmarks , 友情链接
曾经我很傻很天真的做了一个“友情链接”的页面,每次和朋友交换友链除了在 WP 后台的链接页面添加外,还要手动编辑“友情链接”页面里的链接… 非常繁琐… 不过当我知道了 WP 有一个控制 Blogroll 的 wp_list_bookmarks 函数后,发现原来一切都是那么简单… 好了,废话少说,来看怎么制作这个页面。
先在 WP 后台 链接 的 分类 标签下设置好你所需的分类:

记住每个分类对应的 ID 号。
再回到管理链接的页面下,给友情链接添加描述并将其放到相应的分类下:

友情链接编辑完成后,就开始建立一个“页面模板”。打开所使用的主题包中的 page.php 文件,在文件最前面加上下面的“声明代码”:
/*
Template Name: Links Page Template PAGE
*/
?>
再找到如下代码:
修改中间的 the_content() 函数:
&show_images=0&show_description=1&orderby=name&title_before=
&title_after=
‘); ?>
将上面的 XX YY ZZ 修改成第一步中记下的 Blogroll 分类的 ID 号,ID 号之间用半角的 “,” 分开。
看过《wp_list_bookmarks 函数详解 》的朋友估计看得懂上面的这个 wp_list_bookmarks() 函数:
- categorize=1 — 显示所有 Blogroll 的分类;
- category=XX,YY,ZZ — 指定显示 ID 为 XX YY ZZ 的 Blogroll 分类,如果您的 Blogroll 没有一个总的大分类话,这个参数可以去掉,因为上一个参数已经指定了显示所有分类;
- category_orderby=id — 分类按照 ID 号进行排列,假如 XX>ZZ>YY 那么最终显示的顺序就是:XX 分类下的链接、ZZ 分类下的链接、YY 分类下的链接;
- before 和 after — 每个连接前后都用 li 标签套起来;
- show_images=0 — 不显示链接的图片;
- show_description=1 — 显示连接的描述;
- orderby=name — Blogroll 的链接根据其名称排序;
- title_before 和 title_after — 分类标题前后用 h3 标签套起来(主要是为了加入 h3 的样式)。
接下来只需要将这个文件另存为一个 php 文件就行了,比如:link_temp.php ,将其上传到到主题文件夹的目录下。
最后撰写一个新页面,并在右侧的页面模块选择刚刚上传的 “Links Page Template PAGE”

写上标题 “友情链接” 和缩略名 “links” ,保存… 转到前台查看这个页面,是不是效果已经出来了呢?
以后凡是在 WP 后台链接里添加完链接之后,这个页面也会自动更新。无需再进行其它操作了。
上述是建立友情链接页面最基础的方法,也许会因为样式的原因不是特别美观,那么就需要您自己给这个页面写上相应的样式。
以我现在使用的 Ipple Ultra 为例,点击 这里 下载我已经预写好的 link_temp.php 文件,修改其中对应的 Blogroll 分类的 ID 号之后上传到主题文件中,最后把下面这段 CSS 代码直接添加到 style.css 文件的末尾即可:
.link-entry {
float:left;
margin:0px auto 10px;
padding-bottom:5px;
width:609px;
list-style:none;
}
.link-entry ul li{
background:transparent url(images/rnd-li.gif) no-repeat scroll left 2px;
padding:1px 16px;
list-style:none;
}
最终效果,可以直接参考我的 友情链接 页面 ![]()
学习了!!
谢谢!
http://www.openhttp.cn
自动友情链接
我还是继续很傻很天真吧,呵呵,这样的list太长了,我比较喜欢原来四个一行那种,看起来比较整齐。
@wayne:我的原则是插件尽量少用
@dogorgod:嘿嘿~
哈哈,我被拿来举例子了,友情宣传无处不在啊~
暗喜
嗯, 大多数用户只是搜些主题插件用起来就ok了
@ZZ:我的 links 页面在 IE6 下 sidebar 并没有下沉… 不知可否提供截图看一下呢?
@西岸:乐趣在于分享
@天涯行客:其实 WP 很强大,只是玩家们很少深入的去了解它
恩,非常实用,WP虽然简洁,但是有些功能不太人性化,你的设计正好弥补了这一缺陷
这是一个很实用的wp应用技巧,good.
"修改中间的 the_content() 函数:"
后面的代码把侧边栏撑到下面去了,上篇文章也有这样的问题.1027*768 IE 刚刚重装完系统,搞得PHP不能访问MYSQL了,焦头烂额中