友情链接对于一个每个独立博客来说可以说是必须的,有不少人选择在侧边栏加入友情链接栏目,但建立一个独立的友情链接页面也是一个不错的选择。正好本站也需要加,便写了一下,分享出来。建立一个友情链接页面的步骤也是比较简单的,先建立一个新的页面模板,用友链函数调用友链,再加上 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;}
完成上面两个步骤,一个独立的友情链接页面就完成了,大家赶快动手创建一个试试吧!
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!