wordpress建立单独的友情链接页面

/ 互联网+

首先可以看一下我的友情链接页面:

http://www.910x.com/links

实现这个效果要感谢koya的文章帮助,结合自己的主题,创建步骤如下:

1、复制主题中的page.php文件,重命名为links.php。

在页面的顶部加入如下代码

<?php
/*
Template Name: Links
*/
?>
再把类似下面的一段代码
<div class=”post-content”>之后加入
<div class=”lists”><p class=”tips”>站点随机排序(这几个字可以要也可以不要)</p><?phpwp_list_bookmarks(‘orderby=rand&show_images=1’); ?></div>
替换后把links.php放在主题文件夹根目录。
2、然后新建一个页面起名为“友情链接”,在页面模板中选择刚建立的“Links”,页面中的文字我重新输入的文字是:以下站点随机排列(蓝色居中),保存页面。
3、把此页面放在菜单中,让其在首页显示在菜单中。
4、找到主题中的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:18px; margin-bottom: 15px; color: #61c178; }
.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 #61c178;}
.linkcat ul li a {color: #000000; text-decoration: none;}
.linkcat ul li a img {margin-right: 3px;}
.linkcat ul li a:visited {color: #000000;}.tips {font-size: 14px; margin-bottom: 18px; margin-left: 5px;}
当然以上内容,可以根据自己的网站的实际情况改动大小、尺寸、颜色、背景等。
5、上传css到对应的主题中,刷新后友情链接如现在的样式
一是:每个网站题目都有绿色边框包围。
二是:每行四个网站题目一样的绿色框,宽度会随着字数的增加而自动换行。
三是:每个网站的题目字数如果过多自动换行到下一行。
四是:链接的分类的目录是不会随机排列的。但是每个分类下的链接网站的题目是随机排列的。