眾所周知,wordpress的友情鏈接大部分主題設計上是在側邊欄顯示的,并且不做調整的話,一般是全站顯示,但有些朋友的站點并不是一般的小博客,有人用wordpress來做CMS,或者是其他用途的站,側邊欄來顯示友情鏈接是不大合適的,因此,我們來看看有沒有辦法讓友情鏈接根據自己的要求在底部橫排顯示呢?
其實很多主題設計者已經考慮到這一點,特別是那些CMS主題,很多已經將友情鏈接設計在了底部顯示,比如知更鳥大哥的主題HotNews,這樣的模版看起來更大氣一點。
首先必須要了解一下wordpress的友情鏈接調用函數wp_list_bookmarks。
具體函數詳解請參照源碼之家之前的文章《WordPress友情鏈接函數wp_list_bookmarks詳解》
既然wp_list_bookmarks有這么多參數可供設置,那么其實用一句調用函數就好了,剩下的就是根據你主題的情況,來調整CSS了,下面附上我給微趣網改的,源碼之家不會代碼,有錯誤遺漏之處在所難免,希望您能告知錯誤,不勝感激! 在你的主頁模版適當的位置(一般放在文章主體和側邊欄代碼之后,footer之前)加上這段代碼: <!--links-->
<DIV CLASS="links">
<div class="links_title">
<h2><FONT color="#990000">友情</FONT>鏈接:</h2>
</div>
<?php if (is_home()) { ?>
<p><div class="links_info">
<ul><?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&show_images=0'); ?></ul>
</div></p>
<?php } else {?>
<?php } ?>
</DIV>
<!--end links--> 解析:大家可以看到,我用div盒子來放這些友鏈,并且加上了條件判斷is_home(),這樣就可以做到這段代碼只在主頁生效,也就是底部的友情鏈接只會顯示在主頁底部了。至于調用函數wp_list_bookmarks其中的那些參數控制,請看文章頭提到的那篇文章。 針對微趣網的布局控制CSS樣式如下: /* links */
.links {
background-color: #FAFAFA;
margin:0 auto -15px;
width:948px;
line-height: 25px;
list-style: none;
border: 1px solid #CCC;
}
.links_title {
float: left;
width:930px;
margin:0 10px;
}
.links_info {
padding: 5px;
}
.links_info ul {
list-style: none;
}
.links_info ul li {
float: left;
margin: 0 0 0 8px;
} 具體效果請見微趣網主頁底部友情鏈接,代碼粗糙,如果對和我一樣的代碼盲有點幫助,就很開心了!
|