公开我的友链模板
/ 2 min read
更新于：最近折腾博客，结交了许多站长朋友。交换友链自然是必不可少，所以我依靠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] 怎么样 看看本站的友链页是不是很漂亮 快夸我吖