對於個人使用 WordPress 來做部落格的站長來說，一個部落格要是能有個友情連結頁面那也是不錯的，可以增加友鏈間的互訪活動，但是 WordPress 本身又沒有這樣的一個頁面，那麼今天記錄的就是如何建立一個帶頭像的友情連結頁面！

20140701101748

  1. <?php
  3. $bookmarks = get_bookmarks();
  5. if ( !empty($bookmarks) ){
  6.     echo '<ul class="link-content clearfix">';
  7.     foreach ($bookmarks as $bookmark) {
  8.         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>';
  9.     }
  10.     echo '</ul>';
  11. }
  13. ?>

css 參考：

  1. .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 中新增上鍊接郵箱即可。

到這裡，就基本都 OK 了！我們還有更多 WordPress 教程供您學習！

教程來自大發！