创建一个独立的 WordPress 友情链接页面,百度上好多人在搜索这个问题,也有人看到我的友情链接页面,想知道怎么做的,今天就给大家分享一下。大体步骤都差不多,可能不同的 WordPress cms 模板之间稍微的有区别,出现错误的可以留言。
准备工作:
- 当你新建一个 php 文件时,要保证编码和你的主题编码一样,比如主题是 utf-8,你新建的 php 文件也保证是 utf-8 编码才不会出现乱码。
- 本地编写时尽量不要用文本档,容易出现字符错误或者编码错误,笔者推荐 notepad++。
- 复制文中代码时,注意把代码中的全角符号转换成英文半角符号。
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 友情链接页面就完成了!