名站导航为爱好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教程,WordPress安装教程等WordPress教程就说到这里,如果可以帮到大家既可以了。如何给wordpress网站系统后台编辑框添加自定义按钮?
如何给wordpress网站系统后台编辑框添加自定义按钮?,很多同学会遇到,自己的按钮想添加一个到你的编辑框中,这样就很方便,于是Wordpress迷看到过一篇站点文章,转载过来,希望对大家有用。