如何制作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">
    <?php
    function 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;}

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



Mjiong君

爱生活,爱技术,爱分享

You may also like...

发表评论

电子邮件地址不会被公开。 必填项已用*标注