WordPress增加友情链接页面

友情链接对于一个每个独立博客来说可以说是必须的，有不少人选择在侧边栏加入友情链接栏目，但建立一个独立的友情链接页面也是一个不错的选择。正好本站也需要加，便写了一下，分享出来。建立一个友情链接页面的步骤也是比较简单的，先建立一个新的页面模板，用友链函数调用友链，再加上 css 美化，事情就完成了。下面说说具体的步骤：

1.建立一个新的模板页面，复制主题中的 page.php 文件，重命名为 links.php，在页面的顶部加入如下代码：文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

1. <?php

2. /*

3. Template Name: Links

4. */

5. ?>

再把类似下面的一段代码文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

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

替换为文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

1. <div class="lists">

2. <?php wp_list_bookmarks('title_li=友情链接(随机)&categorize=0&category=52&show_images=1&orderby=rand'); ?>

3. <?php wp_list_bookmarks('title_li=常用链接(随机)&categorize=0&category=2&show_images=1&orderby=rand'); ?>

4. </div>

替换后把 links.php 放在主题文件夹根目录，然后新建一个页面，在页面模板中选择刚建立的“Links”，保存。文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

解释代码：

my_list_bookmarks 是 WordPress 调用友链的函数。文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

title_li：（字符串）链接列表的标题，默认显示书签。文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

categorize：（布尔型）是否所有链接都应该显示在相应的分类目录下。1 （true）——默认值 0（false）。文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

category：（字符串）将要显示的链接分类目录的 ID，用逗号隔开。如果没有指定分类，显示所有含有链接的链接分类。文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

show_images 是控制是否显示友链的图片，布尔型变量，1 代表显示变量，0 代表不显示。文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

orderby 是友链的排序方式，这里我写的是 rand，也就是随机。
2.添加 css 美化，以下是本站的 css，供大家参考文章源自飞鸟学习网-https://www.pk88.net/2023-0613-6.html

1. /*links*/

2. .lists {padding: 20px; margin: 0 auto;background-color: #ffffff;}

3. .linkcat {width:100%;overflow:hidden;font-size: 12px; font-weight: 700; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}

4. .linkcat h2 {font-size: 14px;font-weight: 700; margin:0 0 18px 5px;}

5. .listcat ul {margin-left: 20px;}

6. .linkcat ul li {float: left; margin:0 0 2% 2%;width: 20%;border: 1px solid #d9d9d9;}

7. .linkcat ul li a {padding: 4%;color: #a4a4a4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-decoration: none;display: block;}

8. .linkcat ul li a:hover{background: #299982;color:#fff;}

9. .linkcat ul li a img {margin-right: 3px;}

完成上面两个步骤，一个独立的友情链接页面就完成了