友情链接对于一个每个独立博客来说可以说是必须的，有不少人选择在侧边栏加入友情链接栏目，但建立一个独立的友情链接页面也是一个不错的选择。用插件可以轻松做到这一点，但喜欢原生的我，能自己动手解决，还是自己动手解决好。折腾了一下，方法就出来了。
建立一个友情链接页面的步骤也是比较简单的，先建立一个新的页面模板，用友链函数调用友链，再加上css美化，事情就完成了。
下面说说具体的步骤
1.建立一个新的模板页面
复制主题中的page.php文件，重命名为links.php。
在页面的顶部加入如下代码
<?php
/*
Template Name: Links
*/
?>
/*
Template Name: Links
*/
?>
再把类似下面的一段代码
<div class="post-content"><?php the_content(); ?></div>
替换为
<div class="lists"><p class="tips">站点随机排序</p><?php wp_list_bookmarks('orderby=rand&show_images=1'); ?></div>
替换后把links.php放在主题文件夹根目录，然后新建一个页面，在页面模板中选择刚建立的“Links”，保存。
解释一下上面的代码
my_list_bookmarks是WordPress调用友链的函数，orderby是友链的排序方式，这里我写的是rand，也就是随机show_images是控制是否显示友链的图片，布尔型变量，1代表显示变量，0代表不显示，其他可选参数如下：
my_list_bookmarks是WordPress调用友链的函数，orderby是友链的排序方式，这里我写的是rand，也就是随机show_images是控制是否显示友链的图片，布尔型变量，1代表显示变量，0代表不显示，其他可选参数如下：
categorize
布尔型，用于设置连接是否按照各自的分类显示category
字符串型，后面就直接 “=链接分类ID号”，那么就显示这个分类下的链接。如果没有指定的话就显示所有的链接。
category_name
字符串型，如果后面 “=某个链接分类的名称” 那么就会在该链接分类前显示分类的名称，如果这里留空的话则会显示所有链接分类的分类名称(即默认的形式)。
category_before
字符串型，位于链接分类之前的文字或代码。
category_after
字符串型，位于链接分类之后的文字或代码。
class
字符串型，每一个链接的分类都会有一个 “class” 属性（从上面的代码就能看出），默认是：linkcat
category_orderby
字符串型，链接分类的排序方式，按照名词或者ID。
‘name’ (默认)
‘id’
category_order
字符串型，链接分类的升降序排列方式：
ASC (默认)
DESC
title_li
字符串型，链接标题的头文字或代码，默认是：Bookmarks，并且它控制连接是否按照列表的方式排列。
title_before 和 title_after
顾名思义，它们就是连接标题头前后的文字或代码，默认是 h2 标签
show_private
布尔型，是否显示私有链接。
include
字符串型，输出指定 ID 的 Blogroll 的分类链接，各个 ID 之间用半角的 “,” 分开。默认显示所有的 Blogroll 分类。
exclude
字符串型，将指定 ID 的 Blogroll 分类链接从整个链接列表中排除，各个 ID 之间用半角的 “,” 分开。默认是什么都不排除。
orderby
字符串型，Blogroll 的排列方式（默认是根据名称排序，除非将这个值留空），即根据我们在 WP 后台链接设置界面下的那些参数来进行排序：
布尔型，用于设置连接是否按照各自的分类显示category
字符串型，后面就直接 “=链接分类ID号”，那么就显示这个分类下的链接。如果没有指定的话就显示所有的链接。
category_name
字符串型，如果后面 “=某个链接分类的名称” 那么就会在该链接分类前显示分类的名称，如果这里留空的话则会显示所有链接分类的分类名称(即默认的形式)。
category_before
字符串型，位于链接分类之前的文字或代码。
category_after
字符串型，位于链接分类之后的文字或代码。
class
字符串型，每一个链接的分类都会有一个 “class” 属性（从上面的代码就能看出），默认是：linkcat
category_orderby
字符串型，链接分类的排序方式，按照名词或者ID。
‘name’ (默认)
‘id’
category_order
字符串型，链接分类的升降序排列方式：
ASC (默认)
DESC
title_li
字符串型，链接标题的头文字或代码，默认是：Bookmarks，并且它控制连接是否按照列表的方式排列。
title_before 和 title_after
顾名思义，它们就是连接标题头前后的文字或代码，默认是 h2 标签
show_private
布尔型，是否显示私有链接。
include
字符串型，输出指定 ID 的 Blogroll 的分类链接，各个 ID 之间用半角的 “,” 分开。默认显示所有的 Blogroll 分类。
exclude
字符串型，将指定 ID 的 Blogroll 分类链接从整个链接列表中排除，各个 ID 之间用半角的 “,” 分开。默认是什么都不排除。
orderby
字符串型，Blogroll 的排列方式（默认是根据名称排序，除非将这个值留空），即根据我们在 WP 后台链接设置界面下的那些参数来进行排序：
1.’id’
2. ‘url’
3. ‘name’
4. ‘target’
5. ‘description’
6. ‘owner’
7. ‘rating’
8. ‘updated’
9. ‘rel’ – 按设定的关系排列
10. ‘notes’
11. ‘rss’
12. ‘length’ – 连接名称的长度设定
13. ‘rand’ – 随机排列显示
2. ‘url’
3. ‘name’
4. ‘target’
5. ‘description’
6. ‘owner’
7. ‘rating’
8. ‘updated’
9. ‘rel’ – 按设定的关系排列
10. ‘notes’
11. ‘rss’
12. ‘length’ – 连接名称的长度设定
13. ‘rand’ – 随机排列显示
order
字符串型，设置升降序的排列方式
ASC (默认)
DESC
limit
整型，设置输出链接条数的最大值。默认值是”-1″，输出全部。
between
字符串型，每个连接、图片和描述之间的文字或代码，默认是 “n” 换行。
show_description
布尔型，是否允许显示每个链接的描述。
show_rating
布尔型，是否允许显示链接的等级。
show_updated
布尔型，是否允许显示最近更新后的时间戳。
hide_invisible
布尔型，是否显示所有的链接，甚至是被管理员设为不可见的链接，默认允许显示。
2.添加css美化，以下是本站的css，供大家参考
.lists {padding: 5px; margin: 25px auto auto 0;}
.linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}
.lists li h2 {font-size:14px; margin-bottom: 15px; color: #99CC33; }
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin-bottom: 20px; margin-left: 20px; padding: 4px 0 4px 6px; width: 150px; border: 1px solid #d9d9d9;}
.linkcat ul li a {color: #a4a4a4; text-decoration: none;}
.linkcat ul li a img {margin-right: 3px;}
.linkcat ul li a:visited {color: #a4a4a4;}
.tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}
.linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}
.lists li h2 {font-size:14px; margin-bottom: 15px; color: #99CC33; }
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin-bottom: 20px; margin-left: 20px; padding: 4px 0 4px 6px; width: 150px; border: 1px solid #d9d9d9;}
.linkcat ul li a {color: #a4a4a4; text-decoration: none;}
.linkcat ul li a img {margin-right: 3px;}
.linkcat ul li a:visited {color: #a4a4a4;}
.tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}
完成上面两个步骤，一个独立的友情链接页面就完成了，大家赶快动手啦！
本文由 Kayo Lee 发表，本文链接：https://kayosite.com/add-links-page.html
Pingback
评论列表
额，还是直接做个页面的比较好~
这个调用的是WP系统里面的链接，如果搬家，简单使用WP的导出功能，这些链接通通会丢失~（曾深受其害，后来就不弄什么链接了）
@独自流浪 暂时还没有搬过家，看来以后搬的时候得注意一下咯
我一直在为这个问题而困扰，今天终于知道怎么弄了！谢谢
css中怎么能让它就分三列显示啊，因为我的页面比较窄。麻烦博主了！
@小女人伊甸园 把.linkcat ul li中的width改小一点就行，如果链接名字太长了，可以添加overflow:hidden
我基本也是这么干滴，做出来还需要美化一下哟
@万戈 貌似我美化得简单了点！
囧。。貌似，刚刚还一直在研究万戈的那个友情链接页面
现在大概又点头绪了，虽说能看得懂一些，可是，还是觉得，
自己先用html 写好了，以后慢慢的 ，技术提升啦再慢慢改。
不过，这个对我帮助还是很大滴， 参考～～
@Leyar 嘻嘻，用心写就会出好Blog，技术神马都是浮云！
@Kayo 木有技术，那就是有心无力啦。。。那只是想象中的好blog。。。实际还是无动于衷，blog照样丑不垃圾。。。
技术。。。我的梦魇。。
@Leyar 其实看Blog好不好关键是文章，你的文章有读者喜欢，就是好Blog。
@Kayo
咋办，。。我貌似还是个外观主义者。。就觉得， 那个衣服得漂亮点， 心情就好点，心情好点， 写的东西更好点。然后， 博客还会弄得更帅点。。。。
@Leyar 这才是真实的记录啊！我觉得一个记录丰富生活的Blog很有味道，文章也会让人很有感觉~
一直在为这个问题困扰，今天终于知道怎么弄了！谢谢！
过来偷了,给我的也弄上
@谢单单 欢迎欢迎！
@Kayo
话说。。失败了…
暂时懒得弄了，
@Kayo
我真无语了。。。你把你的友情连接代码复制给我
弄出来总是不显示 连接名称
@谢单单 我的代码就是文章中的代码了，链接分类能正确显示吗？
好文，学习了。有一个问题想请博主帮忙，可否把你侧边栏的友情链接部分代码分享一下？我的博客跟你的风格很接近，想套用你的。求帮忙啊…
我是做一个PHP呢还是直接做个Html 页面呢？
纠结~~
@野人部落 如果也是WP的话还是用PHP模板方便，做好了以后在后台添加和管理链接即可，一劳永逸噢！
@Kayo 其实我是想自己设计一个的啦。PHP我不是很好。Html还ok~
@野人部落 这个不用担心太多了，WP最大的好处是已经有了完善的PHP模板并且网上有很多教程，开发的时候更改的地方不多，或许你从这个友链页面入手试试更改PHP模板，会发现其实也不难还挺有趣的！
@Kayo 嗯。比如Kayo就有这样的教程。哈哈。回头我用你的代码试试~谢谢！
您好我是新手，我用的主题是默认的，但是工具里面居然没有友情链接选项，请问怎么添加一个。添麻烦。。。。
@梦的眼睛 默认主题也可以有友情链接小工具，在小工具那里会找到一个“链接”小工具，是WP默认自带的，可以显示友链！
这个帮助很大哦。手下了。
挺不错的哦。表示很好看。。
收藏备用。
多谢，正需要。
感谢分享，还是要多做外链