WordPress友情鏈接文字前添加圖標效果發(fā)布者：本站     時間：2020-05-14 15:05:02

上傳一個 16×16 大小的圖片，圖片名為 favicon.ico ，把圖片上傳到所用主題的 images 目錄下；
在你需要調(diào)用友情鏈接的地方，復制下面的代碼就可以啦
<ul>
 <?php
 $default_ico = get_template_directory_uri().\'/images/favicon.ico\';
 $bookmarks = get_bookmarks(\'title_li=&orderby=rand&categorize=0&category=10\');
 >
 <?php if(!empty($bookmarks)): >
 <?php foreach ($bookmarks as $bookmark): >
 <li>
 <img src="<?php%20echo%20$bookmark-/>link_url%20>/favicon.ico" alt="<?php echo $bookmark->link_name >" onerror="javascript:this.src=\'<?php echo $default_ico; ?>\'">
 <a href="<?php%20echo%20$bookmark->link_url%20>"><?php echo $bookmark->link_name ></a>
 </li>
 <?php endforeach >
 <?php endif ;>
 </ul>
代碼解釋：第四行調(diào)用的是連接分類目錄 id 為 10下的所有鏈接，并隨機在前臺顯示。
如果需要設置樣式，可以添加以下的 css 樣式:
.item li{display:inline-block;width:30%;height: 26px;;white-space:nowrap;*display:inline;*zoom:1}
.item a:hover{color:#ff8502;text-decoration:none}
.item li img{width:16px;height:16px;margin:0 5px -2px 0;padding:0;border:none;}