WordPress带头像的友情链接页面制作教程

之前给大家分享过带头像的WordPress读者墙,如此炫酷的功能,友情链接页面可以这样做吗?答案是肯定的,这里WordPress迷转载大发

之前给大家分享过带头像的WordPress读者墙,如此炫酷的功能,友情链接页面可以这样做吗?答案是肯定的,这里WordPress迷转载大发一篇文章来给大家上一课。首先来看看WordPress友情链接页面的演示:
 
嗯哼,异常高大上。以下是全文,选择性的看。哈哈。

实现方法

新建一个友情链接页面,下面代码放到你想输出的位置。

<?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中添加上链接邮箱即可。
 
以上。
好了,今天的WordPress教程到此结束。


下载说明:
1. 本站所有资源来源于网络和用户上传,如有侵权请联系站长
2. 本站分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,商用请支持正版!不得违反国家法律,否则后果自负!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

本站的资源均来自于互联网,仅为资源共享、学习参考之目的,其版权均归原作者及其网站所有,如有侵权请留言联系:admin,转转请注明出处:http://zhanmr.com/6803.htm

发表评论

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