看到别人的博客有个漂亮的友情连接页面是不是很羡慕，不用羡慕，现在教你如何在你现有的主题上添加友情链接页面，只要按我的步骤，相信你也会折腾。
step 1
复制主题文件夹中的”page.php”文件，并重命名改为”links.php”，用记事本打开（如果想更专业点，用Notepad++，编辑效率会更高）并把以下代码复制到文件顶端
以上代码的意思是创建一个名为“Links”页面模板。
<code>
<?php
/*
Template Name: Links
*/
?>
</code>
<?php
/*
Template Name: Links
*/
?>
</code>
Stpe 2
在文件中寻找
<code><?php the_content(); ?></code>
把以下代码复制到
<code><?php the_content(); ?></code>
的下面
<code>
<div class="links">
<h3>不分先后，随机排序</h3>
<ul>
<?php
$default_ico = get_template_directory_uri().'/images/links.ico'; //默认 ico 图片位置
$bookmarks = get_bookmarks('title_li=&orderby=rand'); //全部链接随机输出
//如果你要输出某个链接分类的链接，更改一下get_bookmarks参数即可
//如要输出链接分类ID为5的链接 title_li=&categorize=0&category=5&orderby=rand
if ( !emptyempty($bookmarks) ) {
foreach ($bookmarks as $bookmark) {
echo '<li><img decoding="async" src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>';
}
}
?>
</ul>
</div>
</code>
<div class="links">
<h3>不分先后，随机排序</h3>
<ul>
<?php
$default_ico = get_template_directory_uri().'/images/links.ico'; //默认 ico 图片位置
$bookmarks = get_bookmarks('title_li=&orderby=rand'); //全部链接随机输出
//如果你要输出某个链接分类的链接，更改一下get_bookmarks参数即可
//如要输出链接分类ID为5的链接 title_li=&categorize=0&category=5&orderby=rand
if ( !emptyempty($bookmarks) ) {
foreach ($bookmarks as $bookmark) {
echo '<li><img decoding="async" src="', $bookmark->link_url , '/favicon.ico" onerror="javascript:this.src=\'' , $default_ico , '\'" /><a href="' , $bookmark->link_url , '" title="' , $bookmark->link_description , '" target="_blank" >' , $bookmark->link_name , '</a></li>';
}
}
?>
</ul>
</div>
</code>
Step 3
准备好一个16×16的favicon.ico图标，放到主题的images目录，并且改名为”links.ico”。
step 4
最后一步就是美化了，添加CSS样式，打开主题目录中的Style.css文件，把以下样式复制到任意位置，放最后面方便修改寻找。
<code>
/** 友情链接页面 **/
.links{overflow:hidden;margin:0 0 24px;padding:0;}
.links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
.links ul{margin:0;padding:5px 0 0 0;}
.links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;}
.links ul li:hover{background:#f2f2f2;}
.links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}
</code>
/** 友情链接页面 **/
.links{overflow:hidden;margin:0 0 24px;padding:0;}
.links h3{border-bottom:1px solid #bfbebe;text-align:center;margin:0;}
.links ul{margin:0;padding:5px 0 0 0;}
.links ul li{float:left;width:150px;line-height:16px;height:16px;margin:5px 5px 0;padding:0;list-style-type:none;}
.links ul li:hover{background:#f2f2f2;}
.links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}
</code>
Step 5
最后一步，上传修改后的主题，登陆Wordpress后台创建一个页面，可以写点内容，然后选择“页面模板”中的“Links”，点击发表，赶紧去看看去把~效果如何，如果不够漂亮，那就小小修改CSS代码了.