WordPress 帶頭像的友情鏈接頁面

感受地址：http://www.lesliehsia.com/friends

實現方法：新建一個友情鏈接頁面，下面代碼放到你想輸出的位置。

<?php
$bookmarks = get_bookmarks();
if ( !empty($bookmarks) ){
echo ‘<ul class=”link-content clearfix”>’;
foreach ($bookmarks as $bookmark) {
echo ‘<li><a href=”‘ . $bookmark->link_url . ‘” title=”‘ . $bookmark->link_description . ‘” target=”_blank” >’. get_avatar($bookmark->link_notes,64) . ‘<span class=”sitename”>’. $bookmark->link_name .'</span></a></li>’;
}
echo ‘</ul>’;
}
?>

參考 css 代碼如下：

.link-content li{float:left;text-align: center;width: 100px;font-size:12px;margin-bottom:10px}
.link-content li img{border-radius:100%;margin-bottom:5px;transition:0.5s;-webkit-transtion:0.5s}
.link-content li span{display:block}
.link-content li:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);}

添加方法：WordPress 的鏈接管理器有很多其他選項，我們可以選擇其中的一個來儲存郵箱，之後就可以調用頭像了，我這裏用的是 notes，在 notes 中添加上鍊接郵箱即可。

恢復鏈接管理器將下面代碼直接加到 functions.php 中即可：

add_filter( ‘pre_option_link_manager_enabled’, ‘__return_true’ );

以上！