为WordPress增加友情链接页面

  • 2016-08-22
  • 690
  • 11
  • 0

用的quench这款主题没有友情链接的页面,不方便回访博客好友。百度搜索了一篇关于增加友情链接页面的博文,想把自己的折腾记录下来,方便以后查阅。

1.建立一个新的模板页面

 

复制主题中的page.php文件,重命名为links.php。

 

在页面的顶部加入如下代码

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

再把类似下面的一段代码

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

替换为

<div class=”lists”><p class=”tips”>站点随机排序</p><?php wp_list_bookmarks(‘orderby=rand&show_images=1’); ?></div>

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

 

解释一下上面的代码
my_list_bookmarks是WordPress调用友链的函数,orderby是友链的排序方式,这里我写的是rand,也就是随机show_images是控制是否显示友链的图片,布尔型变量,1代表显示变量,0代表不显示,其他可选参数如下:

 

categorize
布尔型,用于设置连接是否按照各自的分类显示category
字符串型,后面就直接 “=链接分类ID号”,那么就显示这个分类下的链接。如果没有指定的话就显示所有的链接。
category_name
字符串型,如果后面 “=某个链接分类的名称” 那么就会在该链接分类前显示分类的名称,如果这里留空的话则会显示所有链接分类的分类名称(即默认的形式)。
category_before
字符串型,位于链接分类之前的文字或代码。
category_after
字符串型,位于链接分类之后的文字或代码。
class
字符串型,每一个链接的分类都会有一个 “class” 属性(从上面的代码就能看出),默认是:linkcat
category_orderby
字符串型,链接分类的排序方式,按照名词或者ID。
‘name’ (默认)
‘id’
category_order
字符串型,链接分类的升降序排列方式:
ASC (默认)
DESC
title_li
字符串型,链接标题的头文字或代码,默认是:Bookmarks,并且它控制连接是否按照列表的方式排列。
title_before 和 title_after
顾名思义,它们就是连接标题头前后的文字或代码,默认是 h2 标签
show_private
布尔型,是否显示私有链接。
include
字符串型,输出指定 ID 的 Blogroll 的分类链接,各个 ID 之间用半角的 “,” 分开。默认显示所有的 Blogroll 分类。
exclude
字符串型,将指定 ID 的 Blogroll 分类链接从整个链接列表中排除,各个 ID 之间用半角的 “,” 分开。默认是什么都不排除。
orderby
字符串型,Blogroll 的排列方式(默认是根据名称排序,除非将这个值留空),即根据我们在 WP 后台链接设置界面下的那些参数来进行排序:

1.’id’
2. ‘url’
3. ‘name’
4. ‘target’
5. ‘description’
6. ‘owner’
7. ‘rating’
8. ‘updated’
9. ‘rel’ – 按设定的关系排列
10. ‘notes’
11. ‘rss’
12. ‘length’ – 连接名称的长度设定
13. ‘rand’ – 随机排列显示

order
字符串型,设置升降序的排列方式
ASC (默认)
DESC
limit
整型,设置输出链接条数的最大值。默认值是”-1″,输出全部。
between
字符串型,每个连接、图片和描述之间的文字或代码,默认是 “n” 换行。
show_description
布尔型,是否允许显示每个链接的描述。
show_rating
布尔型,是否允许显示链接的等级。
show_updated
布尔型,是否允许显示最近更新后的时间戳。
hide_invisible
布尔型,是否显示所有的链接,甚至是被管理员设为不可见的链接,默认允许显示。

 

2.添加css美化,以下是本站的css,供大家参考

.lists {padding: 5px; margin: 25px auto auto 0;}
.linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-bottom:15px; list-style: none; clear:both}
.lists li h2 {font-size:14px; margin-bottom: 15px; color: #99CC33; }
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin-bottom: 20px; margin-left: 20px; padding:4px 0 4px 6px; width: 150px; border: 1px solid #d9d9d9;}
.linkcat ul li a {color: #a4a4a4; text-decoration: none;}
.linkcat ul li a img {margin-right: 3px;}
.linkcat ul li a:visited {color: #a4a4a4;}
.tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}

完成上面两个步骤,一个独立的友情链接页面就完成了,大家赶快动手啦!

 

本文由 Kayo Lee 发表,本文链接:http://kayosite.com/add-links-page.html

 

 

评论

  • Coney回复

    我就用简单页面做了友链页面,哈哈~

    • 媛诺诺回复

      有个友链页面方便回访

  • Klose回复

    看着很不错啊,要是能在个ICO就更好看了~

    • 媛诺诺回复

      ICO是个什么东西

  • 博比回复

    我基本上都是评论里找回访。

  • 家桥回复

    要是有代码高亮就更完美了。

    • 媛诺诺回复

      你的建议很好,我去百度查查怎么弄代码高亮

      • Klose回复

        一点都不专心看文章哟,我博客就有一篇

        • 媛诺诺回复

          以失败告终,不折腾了,反正代码是为了留底,方便自己以后查阅

发表评论