WordPress教程

WordPress增加友情链接页面

阿里云

友情链接对于一个每个独立博客来说可以说是必须的,有不少人选择在侧边栏加入友情链接栏目,但建立一个独立的友情链接页面也是一个不错的选择。正好本站也需要加,便写了一下,分享出来。建立一个友情链接页面的步骤也是比较简单的,先建立一个新的页面模板,用友链函数调用友链,再加上 css 美化,事情就完成了。下面说说具体的步骤:
1.建立一个新的模板页面,复制主题中的 page.php 文件,重命名为 links.php,在页面的顶部加入如下代码:

  1. <?php
  2. /*
  3. Template Name: Links
  4. */
  5. ?>
也想出现在这里?联系我们
创客主机

再把类似下面的一段代码

  1. <div class="post-content"><?php the_content(); ?></div>

替换为

  1. <div class="lists">
  2. <?php wp_list_bookmarks('title_li=友情链接(随机)&categorize=0&category=52&show_images=1&orderby=rand'); ?>				
  3. <?php wp_list_bookmarks('title_li=常用链接(随机)&categorize=0&category=2&show_images=1&orderby=rand'); ?>		
  4. </div>

替换后把 links.php 放在主题文件夹根目录,然后新建一个页面,在页面模板中选择刚建立的“Links”,保存。

解释代码:

my_list_bookmarks 是 WordPress 调用友链的函数。

title_li:(字符串)链接列表的标题,默认显示书签。

categorize:(布尔型)是否所有链接都应该显示在相应的分类目录下。1 (true)——默认值 0(false)。

category:(字符串)将要显示的链接分类目录的 ID,用逗号隔开。如果没有指定分类,显示所有含有链接的链接分类。

show_images 是控制是否显示友链的图片,布尔型变量,1 代表显示变量,0 代表不显示。

orderby 是友链的排序方式,这里我写的是 rand,也就是随机。
2.添加 css 美化,以下是本站的 css,供大家参考

  1. /*links*/
  2. .lists {padding: 20px; margin: 0 auto;background-color: #ffffff;}
  3. .linkcat {width:100%;overflow:hidden;font-size: 12px; font-weight: 700; padding: 5px; margin-bottom: 15px; list-style: none; clear:both}
  4. .linkcat h2 {font-size: 14px;font-weight: 700; margin:0 0 18px 5px;}
  5. .listcat ul {margin-left: 20px;}
  6. .linkcat ul li {float: left; margin:0 0 2% 2%;width: 20%;border: 1px solid #d9d9d9;}
  7. .linkcat ul li a {padding: 4%;color: #a4a4a4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-decoration: none;display: block;}
  8. .linkcat ul li a:hover{background: #299982;color:#fff;}
  9. .linkcat ul li a img {margin-right: 3px;}

完成上面两个步骤,一个独立的友情链接页面就完成了,大家赶快动手创建一个试试吧!

WordPress 增加友情链接页面

已有 582 人购买
查看演示升级 VIP立刻购买

收藏
(3)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!