详解WordPress中添加友情链接的方法


Posted in PHP onMay 21, 2016

友情链接对于一个每个独立博客来说可以说是必须的,有不少人选择在侧边栏加入友情链接栏目,但建立一个独立的友情链接页面也是一个不错的选择。用插件可以轻松做到这一点,但喜欢原生的我,能自己动手解决,还是自己动手解决好。折腾了一下,方法就出来了。

普通方法
建立一个友情链接页面的步骤也是比较简单的,先建立一个新的页面模板,用友链函数调用友链,再加上css美化,事情就完成了。

下面说说具体的步骤

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;}

使用jQuery
具体实现步骤分两步:
1.加载jQuery库,可以直接调用google jQuery库

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
2.加载jQuery功能代码,注意jQuery闭合
$(".linkpage a").each(function(e){
$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+">");
});
这段jQuery的意思是遍历所有class为linkpage下所有的a标签,然后对该a标签添加img,其中是“.linkpage”需根据自己的模板更改。
PHP 相关文章推荐
教你IIS6的PHP最佳配置方法
Sep 05 PHP
一个程序下载的管理程序(一)
Oct 09 PHP
PHP新手上路(八)
Oct 09 PHP
PHP实现MySQL更新记录的代码
Jun 07 PHP
php中http_build_query 的一个问题
Mar 25 PHP
php弹出对话框实现重定向代码
Jan 23 PHP
php实现获取局域网所有用户的电脑IP和主机名、及mac地址完整实例
Jul 18 PHP
PHP命名空间(namespace)的使用基础及示例
Aug 18 PHP
php数组中删除元素之重新索引的方法
Sep 16 PHP
jQuery获取json后使用zy_tmpl生成下拉菜单
Mar 27 PHP
php实现用已经过去多长时间的方式显示时间
Jun 05 PHP
解决php写入数据库乱码的问题
Sep 17 PHP
PHP框架Laravel插件Pagination实现自定义分页
Apr 22 #PHP
屏蔽PHP默认设置中的Notice警告的方法
May 20 #PHP
PHP获取网站中各文章的第一张图片的代码示例
May 20 #PHP
今天你说520了吗?不仅有php表白书还有java表白神器
May 20 #PHP
程序员的表白神器“520”大声喊出来
May 20 #PHP
PHP性能优化大全(php.ini)
May 20 #PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
May 20 #PHP
You might like
探寻PHP脚本不报错的原因
2014/06/12 PHP
Yii框架核心组件类实例详解
2019/08/06 PHP
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
javascript实现多栏闭合展开式广告位菜单效果实例
2015/08/05 Javascript
JavaScript设计模式初探
2016/01/07 Javascript
node.js实现端口转发
2016/04/14 Javascript
JS封装的自动创建表格的实现代码
2016/06/15 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
vue防止花括号{{}}闪烁v-text和v-html、v-cloak用法示例
2019/03/13 Javascript
react 生命周期实例分析
2020/05/18 Javascript
[56:18]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#2 MVP.Phx VS Fnatic第二局
2016/03/05 DOTA
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
Python实现将一个大文件按段落分隔为多个小文件的简单操作方法
2017/04/17 Python
Python实现类的创建与使用方法示例
2017/07/25 Python
python在html中插入简单的代码并加上时间戳的方法
2018/10/16 Python
Python 3.8正式发布重要新功能一览
2019/10/17 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
HTML5资源预加载(Link prefetch)详细介绍(给你的网页加速)
2014/05/07 HTML / CSS
墨西哥网上购物:Linio墨西哥
2016/10/20 全球购物
Too Faced官网:美国知名彩妆品牌
2017/03/07 全球购物
英国健身超市:Fitness Superstore
2019/06/17 全球购物
Tessabit日本:集世界奢侈品和设计师品牌的意大利精品买手店
2020/01/07 全球购物
什么是Web Service?
2012/07/25 面试题
行政主管岗位职责
2013/11/18 职场文书
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
分家协议书
2014/04/21 职场文书
学雷锋演讲稿汇总
2014/05/10 职场文书
查摆问题自我剖析材料
2014/08/18 职场文书
民事诉讼代理委托书
2014/10/08 职场文书
2014年生活老师工作总结
2014/12/23 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书