详解WordPress中增加友谊链接的办法

2022-01-20 收藏 0 点赞 0 图文教程

友谊链接关于一个每个独立博客来说能够说是必需的，有不少人抉择在侧边栏退出友谊链接栏目，但建设一个独立的友谊链接页面也是一个不错的抉择。用插件能够轻松做到这一点，但喜爱原生的我，能本人入手处理，还是本人入手处理好。折腾了一下，办法就进去了。

一般办法
建设一个友谊链接页面的步骤也是比拟简略的，先建设一个新的页面模板，用友链函数调用友链，再加上css丑化，事件就实现了。

上面说说详细的步骤

1.建设一个新的模板页面
复制主题中的page.php文件，重命名为links.php。
在页面的顶部退出如下代码

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

再把相似上面的一段代码

<p class="post-content"><?php the_content(); ?></p>

交换为

代码如下:

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

交换后把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库

代码如下:

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”需依据本人的模板更改。

以上就是安达网络工作室关于《详解WordPress中添加友情链接的方法》的一些看法。更多内容请查看本栏目更多内容！

打赏