怎么制作友情鏈接獨立頁面？ – wordpress開發(fā)

其實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;}

好了，經過以上幾步，友情鏈接獨立頁面就完成了。

相關推薦