0°

如何制作wordpress友情链接独立页面-WordPress主题开发

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

来源于:

https://www.xiaoz.me/archives/5267

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

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

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

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

更进一步:

来源于:

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

阿伟

2018年6月20日

 一条评论

如何制作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;}

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

0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论