友情链接对于一个每个独立博客来说可以说是必须的，有不少人选择在侧边栏加入友情链接栏目，但建立一个独立的友情链接页面也是一个不错的选择。正好本站也需要加，便写了一下，分享出来。建立一个友情链接页面的步骤也是比较简单的，先建立一个新的页面模板，用友链函数调用友链，再加上 css 美化，事情就完成了。下面说说具体的步骤：
1.建立一个新的模板页面，复制主题中的 page.php 文件，重命名为 links.php，在页面的顶部加入如下代码：

<?php
/*
Template Name: Links
*/
?>

再把类似下面的一段代码

<div class="post-content"><?php the_content(); ?></div>

替换为

<div class="lists">
<?php wp_list_bookmarks('title_li=友情链接(随机)&categorize=0&category=52&show_images=1&orderby=rand'); ?>				
<?php wp_list_bookmarks('title_li=常用链接(随机)&categorize=0&category=2&show_images=1&orderby=rand'); ?>		
</div>

替换后把 links.php 放在主题文件夹根目录，然后新建一个页面，在页面模板中选择刚建立的“Links”，保存。

解释代码：

my_list_bookmarks 是 wordpress 调用友链的函数。

title_li：（字符串）链接列表的标题，默认显示书签。

categorize：（布尔型）是否所有链接都应该显示在相应的分类目录下。1 （true）——默认值 0（false）。

category：（字符串）将要显示的链接分类目录的 ID，用逗号隔开。如果没有指定分类，显示所有含有链接的链接分类。

show_images 是控制是否显示友链的图片，布尔型变量，1 代表显示变量，0 代表不显示。

orderby 是友链的排序方式，这里我写的是 rand，也就是随机。
2.添加 css 美化，以下是本站的 css，供大家参考

/*links*/
.lists {padding: 20px; margin: 0 auto;background-color: #ffffff;}
.linkcat {width:100%;overflow:hidden;font-size: 12px; font-weight: 700; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}
.linkcat h2 {font-size: 14px;font-weight: 700; margin:0 0 18px 5px;}
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin:0 0 2% 2%;width: 20%;border: 1px solid #d9d9d9;}
.linkcat ul li a {padding: 4%;color: #a4a4a4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-decoration: none;display: block;}
.linkcat ul li a:hover{background: #299982;color:#fff;}
.linkcat ul li a img {margin-right: 3px;}

完成上面两个步骤，一个独立的友情链接页面就完成了，大家赶快动手创建一个试试吧！