创建一个独立的 WordPress 友情链接页面,百度上好多人在搜索这个问题,也有人看到我的友情链接页面,想知道怎么做的,今天就给大家分享一下。大体步骤都差不多,可能不同的 WordPress cms 模板之间稍微的有区别,出现错误的可以留言。

准备工作:

  1. 当你新建一个 php 文件时,要保证编码和你的主题编码一样,比如主题是 utf-8,你新建的 php 文件也保证是 utf-8 编码才不会出现乱码。
  2. 本地编写时尽量不要用文本档,容易出现字符错误或者编码错误,笔者推荐 notepad++。
  3. 复制文中代码时,注意把代码中的全角符号转换成英文半角符号。

WordPress 友情链接页面第一步:

新建一个 php 文档,命名 links.php(名字可以修改)复制你主题中 single.php 内容进去,然后在文件顶部加入一下代码:

<?php/*Template Name: 友情链接模板*/?>

网上有好多文章写的都是复制 page.php 文件中的内容,我觉得这个关系不大,只要能用就行了,文章页面更合适一些!

这段代码意思就是标注这个文档名字,你在后台新建页面时,使用模板中选择就可以了!绿色汉字可以改成你想要的模板名字 link 或者 links 。

WordPress 友情链接页面第二步:

这个地方要注意了,不同主题不太一样,找到文件中:

<?php the_content(); ?>

这段代码,或者类似这段代码,然后修改成获取友情链接函数如下:

<div class=”alllinks”><ul>

<div class=”linktitle”> 首页链接</div>

<?php wp_list_bookmarks(‘orderby=rand&categorize=0&category=15&title_li=’); ?>

</ul>

</div>

其中 category=15 这个参数是指的你要显示的链接分类目录!查看更多关于 WordPress 友情链接参数!

把这个 php 文件保存以后上传到你的主题目录中。

WordPress 友情链接页面第三步:

这样一个友情链接页面就做完了,下面加入 CSS 美化效果,把下面代码复制到你主题的 style.css 中就可以了!

/*独立友情链接页面*/

.linktitle {

text-align:center;

height:25px;

font-size:18px;

background-color:#DBDBDB;

border-radius:5px;

}

.alllinks ul

{

margin-top:5px;

border:solid #D9D9D9;

list-style-type:none;

padding:1px;

border-radius:10px;

height:auto;

overflow:hidden;

}

.alllinks li

{

margin-top:5px;

height:30px;

width:150px;

padding-top:10px;

text-align:center;

list-style-type:none;

font-size:18px;

float:left;

border:dotted #EAEAEA;

margin-left:5px;

border-radius:10px;

}

.alllinks a:link{

text-decoration:none

}

.alllinks a:hover {

color:red;

}

.alllinks li:hover {

background-color:#DBDBDB;

cursor:pointer;

border-radius:15px;

}

WordPress 友情链接页面第四步:

上面已经完成了 WordPress 友情链接模板的制作,然后进入博客后台,页面– 新建页面– 选择模板,这个时候选择我们刚刚制作的这个模板就可以了,保存。这样一个独立的 WordPress 友情链接页面就完成了!