最近折腾博客,结交了许多站长朋友。交换友链自然是必不可少,所以我依靠baidu和Google搜索了一些友链页面的示例,修修改改做出了一个像样的友链页面。

当初版本1.0是按照我是链接的方法制作的,在WordPress的链接管理器的备注一栏填写站长的邮箱即可调用头像

但是交换友链的时候很少提供站长邮箱,再说我也懒得一个个添加。

于是我在冰翼博客找到了自动获取favicon的API(现在使用自己部署的API),修修改改制作了2.0

使用方法是在复制默认模板改名为links.php,将页面别名设置为links 然后在输出正文的函数后面添加
[php]
$bookmarks = get_bookmarks('title_li=&orderby=rand');
if ( !empty($bookmarks) ){
echo '<ul class="link-content clearfix">';
foreach ($bookmarks as $bookmark) {
echo '<li style="list-style-type:none;">
<img src="https://www.zkl2333.com/favicons.php?url='.$bookmark->link_url.'" alt=" "></img>
<a href="' . $bookmark->link_url . '" title="' . $bookmark->link_description . '" >'. $bookmark->link_name .'</a>
</li>';
}
echo '</ul>';}
[/php]
即可

是不是非常的简单

接下来在head中或者css.style添加如下css美化下即可
[css]
.link-content li{float:left;text-align:left;width: 140px;font-size:15px;margin-bottom:20px}
.link-content li img{height: 15px;border-radius:100%;margin-bottom:5px;transition:0.5s;-webkit-transtion:0.5s}
.link-content li:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
[/css]
怎么样 看看本站的友链页是不是很漂亮 快夸我吖

标签: 瞎折腾