WordPress友情鏈接文字前添加圖標(biāo)效果發(fā)布者:本站 時(shí)間:2020-05-14 15:05:02
上傳一個(gè) 16×16 大小的圖片,圖片名為 favicon.ico ,把圖片上傳到所用主題的 images 目錄下;
在你需要調(diào)用友情鏈接的地方,復(fù)制下面的代碼就可以啦
<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下的所有鏈接,并隨機(jī)在前臺(tái)顯示。
如果需要設(shè)置樣式,可以添加以下的 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;}
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032