对于个人使用 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 教程供您学习！

教程来自大发！