详解WordPress中添加友情链接的方法
友情链接对于一个每个独立博客来说可以说是必须的,有不少人选择在侧边栏加入友情链接栏目,但建立一个独立的友情链接页面也是一个不错的选择。用插件可以轻松做到这一点,但喜欢原生的我,能自己动手解决,还是自己动手解决好。折腾了一下,方法就出来了。
建立
一个友情链接页面的步骤也是比较简单的,先建立
一个新的
页面模板,用友链
函数调用友链,再
加上css美化,事情就完成了。
下面说说具体的步骤
1.建立一个新的模板页面
复制主题中的page.PHP文件,重命名为links.PHP。
在页面的顶部加入如下代码
再把类似下面的一段代码
替换为
替换后把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,供大家参考
rush:css;">
.lists {padding: 5px; margin: 25px auto auto 0;}
.linkcat {font-size: 12px; font-weight: bolder; padding: 5px; margin-b
ottom: 15px; list-style: none; clear:both}
.lists li h2 {font-size:14px; margin-b
ottom: 15px; color: #99CC33; }
.listcat ul {margin-left: 20px;}
.linkcat ul li {float: left; margin-b
ottom: 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-b
ottom: 18px; margin-left: 5px;}
使用jQuery
具体实现步骤分两步:
1.加载jQuery库,可以直接
调用google jQuery库
rush:js;">
$(".linkpage a").each(function(e){
$(this).prepend("
标签,然后对该a
标签添加img,其中是“.linkpage”需根据自己的模板更改。