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

时间:2015-11-06

 

 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网站被黑之后怎么办 下一条:如何给wordpress后台编辑框添加自定义按钮?

相关文章

最新文章