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’ );

以上!

该文章由WP-AutoPost插件自动采集发布

原文地址:http://www.59iwp.com/144.html

未经允许不得转载:Bcoder资源网 » WordPress带头像的友情链接页面

相关推荐

更多优质资源关注微信公众号: bcoder

bcoder
赞 (0)
分享到:更多 ()

评论 0

评论前必须登录!

登陆 注册