详解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 相关文章推荐
php win下Socket方式发邮件类
Aug 21 PHP
PHP simple_html_dom.php+正则 采集文章代码
Dec 24 PHP
在yii中新增一个用户验证的方法详解
Jun 20 PHP
php打开远程文件的方法和风险及解决方法
Nov 12 PHP
php上传图片存入数据库示例分享
Mar 11 PHP
php中opendir函数用法实例
Nov 15 PHP
php中JSON的使用方法
Apr 30 PHP
PHP正则验证Email的方法
Jun 15 PHP
PHP中iconv函数知识汇总
Jul 02 PHP
php截取视频指定帧为图片
May 16 PHP
详解php 使用Callable Closure强制指定回调类型
Oct 26 PHP
php二维数组按某个键值排序的实例讲解
Feb 15 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
Zend studio文件注释模板设置方法
2013/09/29 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
PHP中set_include_path()函数相关用法分析
2016/07/18 PHP
laravel 判断查询数据库返回值的例子
2019/10/11 PHP
Jquery chosen动态设置值实例介绍
2013/08/08 Javascript
javascript制作loading动画效果 loading效果
2014/01/14 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
2014/05/10 Javascript
escape函数解决js中ajax传递中文出现乱码问题
2014/10/30 Javascript
JavaScript中判断函数、变量是否存在
2015/06/10 Javascript
一起学写js Calender日历控件
2016/04/14 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
2016/06/12 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
基于ExtJs在页面上window再调用Window的事件处理方法
2017/07/26 Javascript
微信小程序返回上一级页面的实现代码
2020/06/19 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python编程实现控制cmd命令行显示颜色的方法示例
2017/08/14 Python
详解用python实现简单的遗传算法
2018/01/02 Python
python按时间排序目录下的文件实现方法
2018/10/17 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
Python之时间和日期使用小结
2019/02/14 Python
python之生产者消费者模型实现详解
2019/07/27 Python
Python.append()与Python.expand()用法详解
2019/12/18 Python
python GUI库图形界面开发之PyQt5 UI主线程与耗时线程分离详细方法实例
2020/02/26 Python
利用python制作拼图小游戏的全过程
2020/12/04 Python
巴西最大的珠宝连锁店:Vivara
2019/04/18 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
运动会领导邀请函
2014/02/05 职场文书
计划生育目标责任书
2015/05/09 职场文书
红色电影观后感
2015/06/18 职场文书
优质服务标语口号
2015/12/26 职场文书
观看《筑梦中国》纪录片心得体会
2016/01/18 职场文书
python自动化八大定位元素讲解
2021/07/09 Python
Python测试框架pytest核心库pluggy详解
2022/08/05 Golang