wordpress友情链接页面的创建
- 2020年3月31日
- beetheme.cn
- 未收录
- 1
(window.slotbydup = window.slotbydup || []).push({
id: "u6201117",
container: "_loc2j2sosji",
async: true
});
对于个人使用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中添加上链接邮箱即可。
到这里,就基本都OK了!我们还有更多wordpress教程供您学习!
教程来自大发!
精彩推荐
也想出现在这里?联系我们吧
本站承接 WordPress / DedeCMS / ThinkPHP 等
系统建站、仿站、开发、定制等业务!
1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站承接各类网站建设,仿站,多平台小程序搭建制作!
3. 本站联系QQ:897918909
beetheme资源网 » wordpress友情链接页面的创建
2. 本站承接各类网站建设,仿站,多平台小程序搭建制作!
3. 本站联系QQ:897918909
beetheme资源网 » wordpress友情链接页面的创建