也想出现在这里?联系我们
您好!欢迎来到模板下载吧!本站资源24小时自动发货,请放心选购,一次付费,终身下载,售后请提交工单!

wordpress友情链接页面的创建

半岛未凉°【美工/技术】 2017-04-09 快速入门 2832 已收录 本文共1064个字,预计阅读需要3分钟。
  • 文章介绍
  • 快速入门
  • 增值服务

对于个人使用wordpress来做博客的站长来说,一个博客要是能有个友情链接页面那也是不错的,可以增加友链间的互访活动,但是wordpress本身又没有这样的一个页面,那么今天记录的就是如何创建一个带头像的友情链接页面!
wordpress友情链接页面的创建

  1. <?php  
  2. $bookmarks = get_bookmarks();  
  3. if ( !empty($bookmarks) ){  
  4.     echo '<ul class="link-content clearfix">';  
  5.     foreach ($bookmarks as $bookmark) {  
  6.         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>';  
  7.     }  
  8.     echo '</ul>';  
  9. }  
  10. ?>  

css参考:

  1. .link-content li {  
  2.     float:left;  
  3.     text-aligncenter;  
  4.     width100px;  
  5.     font-size:12px;  
  6.     margin-bottom:10px  
  7. }  
  8. .link-content li img {  
  9.     border-radius:100%;  
  10.     margin-bottom:5px;  
  11.     transition:0.5s;  
  12.     -webkit-transtion:0.5s  
  13. }  
  14. .link-content li span {  
  15.     display:block  
  16. }  
  17. .link-content li:hover img {  
  18.     transform:rotate(360deg);  
  19.     -webkit-transform:rotate(360deg);  
  20. }  

使用方法:
WordPress的链接管理器有很多其他选项,我们可以选择其中的一个来储存邮箱,之后就可以调用头像了,我这里用的是notes,在notes中添加上链接邮箱即可。

到这里,就基本都OK了!我们还有更多wordpress教程供您学习!

教程来自大发!

温馨提示:本文最后更新于2019年3月19日,已超过 2 年没有更新,如果文章内容或图片资源失效,请留言反馈,模板下载吧会及时处理,谢谢!

上一篇:

下一篇:

wordpress友情链接页面的创建:等您坐沙发呢!
大牛,别默默的看了,快来点评一下吧!:)。

您必须登录后才能发表评论哦!:)

站内登录 QQ登录 微博登录
wordpress自适应高级图片shejigh主题

Hi, 如果你对这款模板有疑问,可以跟我联系哦!

联系作者

模板下载吧,累计帮助1000+用户成功建站,为草根创业提供助力!

立刻开启你的建站之旅
现在加入模板下载吧,注册一个账号
  • 模板下载吧拥有海量网站模板及源码,站长亲测干净无后门。

  • 注册即能下载免费模板栏目资源,帮您更快的完成网站建设。

  • 每日更新模板资源,每日精品推荐,及时获取最新模板资源流行去向。

  • 完美的售后服务,帮助草根站长、企业等成功建站。

  • 将您最爱的资源收藏,建立自己的资源库,并与朋友分享。