<var id="lljjd"><video id="lljjd"></video></var>
<var id="lljjd"><video id="lljjd"><listing id="lljjd"></listing></video></var><var id="lljjd"><strike id="lljjd"><listing id="lljjd"></listing></strike></var><menuitem id="lljjd"><dl id="lljjd"><listing id="lljjd"></listing></dl></menuitem> <cite id="lljjd"><strike id="lljjd"><thead id="lljjd"></thead></strike></cite>
<cite id="lljjd"><strike id="lljjd"><listing id="lljjd"></listing></strike></cite><var id="lljjd"><strike id="lljjd"><thead id="lljjd"></thead></strike></var>
<ins id="lljjd"><span id="lljjd"><var id="lljjd"></var></span></ins>
<var id="lljjd"></var>
開啟左側

[應用技巧] 讓wordpress的友情鏈接只在首頁底部橫排顯示方法

[復制鏈接]
1734 0
鐘振森 發表于 2015-10-14 14:24:51 | 只看該作者 |閱讀模式 打印 上一主題 下一主題
 眾所周知,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;
}
 具體效果請見微趣網主頁底部友情鏈接,代碼粗糙,如果對和我一樣的代碼盲有點幫助,就很開心了!

來源:源碼之家,歡迎分享 (QQ/微信:83122197)

上一篇:親淘怎么砸金蛋 親淘怎么獲取淘元
下一篇:解決網站程序禁用右鍵和防止查看源代碼
分享到:  QQ好友和群QQ好友和群 微信微信
收藏
收藏1
喜歡
喜歡0
您需要登錄后才可以回帖 登錄 | 立即注冊

本版積分規則

專注站長素材教程分享
全國免費熱線電話

0769-26628252

周一至周日9:00-23:00

反饋建議

在線QQ咨詢

掃描二維碼關注我們

Copyright©2011-2021 東莞市科森網絡科技有限公司版權所有 Ymzj.Cn Inc. 粵ICP備13005626號 粵公網安備:44190002000522號

足彩网官网