Npcink Blog
切换菜单

怎么制作友情链接独立页面？ - wordpress 开发

恢复 Wordpress 的友情链接功能并制作独立的友情链接页面

最后更新于
本页目录5 节

其实 WordPress 自带友情链接功能，但是自动关闭了，需要通过代码去开启，而且，如果能单独做一个友情链接页面，相比也是很高兴的。

在新的 WordPress 版本中官方取消了后台的友情链接功能，这样一来对新手来说添加友情链接显得更加的麻烦，怎样才能恢复后台的友情链接选项呢？

方法一：

将下面的代码添加到你所使用主题目录中的 functions.php 文件中便可恢复显示。

//显示友情链接模块
add_filter( 'pre_option_link_manager_enabled', '__return_true' );
//显示友链模块结束

方法二：

使用插件 Link Manager，此插件可以直接从后台搜索到，或者你可以点此下载，非常的方便新手操作。

更进一步：

如何制作 WordPress 友情链接独立页面

如何制作 WordPress 友情链接独立页面？之前百度了很多次，看了不少文章，这里我也把制作的过程总结下：

首先开启友情链接功能

在主题 functions.php 添加代码，开启链接功能

/**
 * 打开友情链接
 */
add_filter('pre_option_link_manager_enabled', '__return_true');

添加友情链接页面

一般 WordPress 主题都会有一个默认页面 page.php，这里我们需要做的就是复制 page.php 改名为 page-links.php，这个就是我们的友情链接页面，修改模板名称：

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

输出链接内容

找到 page-links.php 中的 the_content() 代码，再下面添加输出链接的代码：

<!-- 友情链接 -->
<div class="page-links"><?phpfunction get_the_link_items($id = null){
        $bookmarks = get_bookmarks('orderby=date&category=' . $id);
        $default_ico = 'https://s.w.org/favicon.ico?2';
        $output = '';
        if (!empty($bookmarks)) {
            $output .= '<ul>';
            foreach ($bookmarks as $bookmark) {
                $output .= '<li><img src="' . $bookmark->link_url . '/favicon.ico" onerror="javascript:this.src=\'' . $default_ico . '\'" /><a href="' . $bookmark->link_url . '" title="' . $bookmark->link_description . '" target="_blank" >' . $bookmark->link_name . '</a></li>';
            }
            $output .= '</ul><div class="clear"></div>';
        }
        return $output;
    }


    $linkcats = get_terms('link_category');
    if (!empty($linkcats)) {
        foreach ($linkcats as $linkcat) {
            $result .= '<h3>' . $linkcat->name . '</h3>';
            if ($linkcat->description) $result .= '<blockquote>' . $linkcat->description . '</blockquote>';
            $result .= get_the_link_items($linkcat->term_id);
        }
    } else {
        $result = get_the_link_items();
    }
    echo $result;
    ?>
</div>

以上可以获取链接分类下的所有链接，如果无分类，则输出所有链接

css 代码

/* 友情链接 */
.page-links{overflow:hidden;margin:0 0 18px;padding:0;}
.page-links a{color:#555;text-decoration:none;}
.page-links a:hover{color:#069;text-decoration:none;}
.page-links ul{margin:0;padding:0;}
.page-links ul li{
  float:left;
  width:250px;
  line-height:16px;
  height:20px;
  margin:0 10px 10px 0;
  padding:8px;
  list-style-type:none;
  border:1px solid #ddd;
}
.page-links ul li:hover{background:#f2f2f2;}
.page-links ul li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}

好了，经过以上几步，友情链接独立页面就完成了。