WordPress增加友情链接页面

以下代码由PHP站长网 52php.cn收集自互联网现在PHP站长网小编把它分享给大家，仅供参考

友情链接对于一个每个独立博客来说可以说是必须的，有不少人选择在侧边栏加入友情链接栏目，但建立一个独立的友情链接页面也是一个不错的选择。正好本站也需要加，便写了一下，分享出来。建立一个友情链接页面的步骤也是比较简单的，先建立一个新的页面模板，用友链函数调用友链，再加上 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;}

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

以上内容由PHP站长网【52php.cn】收集整理供大家参考研究如果以上内容对您有帮助，欢迎收藏、点赞、推荐、分享。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!