自由屋推书网—热门的小说推荐平台!

你的位置: 首页 > wordpress分享

制作独立的wordpress友情链接页面

2015-11-14 07:41:14

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

准备工作:

  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友情链接页面就完成了!

编辑推荐

热门小说